WebSite X5Help Center

 
Stiac Engineering
Stiac Engineering
User

Mandare a capo pulsante Catalogo Prodotti da mobile  it

Autor: Stiac Engineering
Visited 1057, Followers 1, Udostępniony 0  

Salve ragazzi,

avrei un problemino con un pulsante del catalogo prodotti.

In pratica da mobile mi va a nascondere il testo / prezzo e questo ovviamente non va bene. 

Qualche consiglio per mandare il testo/prezzo o il pulsante stesso sotto come se fosse presente un <br/> ? 

Link: https://www.stiac.it/web-care.php

Posted on the
13 ODPOWIEDZI - 4 USEFUL - 1 PRAWIDłOWA ODPOWIEDź
Mirko Boschetti
Mirko Boschetti
Moderator

Forse dirò una monata, ma prova questo:

<style>
@media (max-width: 420px)
#imProductListPrice {
display: block;
}
</style>

Czytaj więcej
Posted on the from Mirko Boschetti
Stiac Engineering
Stiac Engineering
User
Autor

Figurati, anzi ti ringrazio per l'aiuto.

Ho provato ma purtroppo non va. Online ho visto un codice simile, ma anche questo non va:

@media (max-width: 599.9px) and (min-width: 420px)
#imProductListButton .imProductListButton {
float: left !important; 
margin: 5px 5px 5px 10px;
position:relative;
}

Czytaj więcej
Posted on the from Stiac Engineering
Giuseppe Guida
Giuseppe Guida
User

Ciao, prova questo, dovrebbe (dico dovrebbe) funzionare:

@media (max-width: 399.9px) and (min-width: 200px) {
#imProductList_633_226 .imProductListCard {
display: table !important;
}

.imProductListButton {
width: 30% !important;
}
}

Czytaj więcej
Posted on the from Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

subito sotto ai 400px dovresti vederlo così:

Czytaj więcej
Posted on the from Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

Fino a 320px dovresti vederlo sempre così, al di sotto dei 320px non credo esistano più cellulari di quelle dimensioni wink

Czytaj więcej
Posted on the from Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

fino a 320px

Czytaj więcej
Posted on the from Giuseppe Guida
Stiac Engineering
Stiac Engineering
User
Autor

Grazie di cuore Giuseppe! Funziona perfettamente. 

Czytaj więcej
Posted on the from Stiac Engineering
Giuseppe Guida
Giuseppe Guida
User

Ma di nulla. Buona serata wink

Czytaj więcej
Posted on the from Giuseppe Guida
Stiac Engineering
Stiac Engineering
User
Autor

Grazie ancora e altrettanto! cool

Czytaj więcej
Posted on the from Stiac Engineering
Francesco Tedeschi
Francesco Tedeschi
User
Giuseppe Guida
Ciao, prova questo, dovrebbe (dico dovrebbe) funzionare: @media (max-width: 399.9px) and (min-width: 200px) { #imProductList_633_226 .imProductListCard { display: table !important; } .imProductListButton { width: 30% !important; } }

Ciao ragazzi, ciao Giuseppe G.

Questo codice, Giuseppe, fa  andare a capo solo quel determinato pulsante specifico?

Per far andare a capo tutti i pulsanti "aggiungi al carrello" di un oggetto catalogo prodotti, ci sono soluzioni? (Senza individuare la posizione di ogni singolo oggetto intendo)

Czytaj więcej
Posted on the from Francesco Tedeschi
Giuseppe Guida
Giuseppe Guida
User

Ciao Francesco, quel codice è riferito solo a quel pulsante, bisognerebbe vedere un esempio online e capire quali pulsanti si vogliono far "andare a capo". Poi per evitare di scrivere molte righe di codice, ognuna per uno specifico pulsante, si potrebbero usare gli Attribute Selectors per selezionare con una sola riga di codice tutti quegli elementi che hanno uno specifico attributo, però bisogna sempre vedere un esempio online e capire come e dove sono posizionati i pulsanti e se poi si può agire con un selettore unico valido per tutti

Czytaj więcej
Posted on the from Giuseppe Guida
Giancarlo B.
Giancarlo B.
User

forse qualcosa del genere, non ho testato da provare..

@media (max-width: 399.9px) and (min-width: 200px) {
div[id$="#imProductList_"] .imProductListCard {
display: table !important;
}

.imProductListButton {
width: 30% !important;
}
}

Czytaj więcej
Posted on the from Giancarlo B.
Francesco Tedeschi
Francesco Tedeschi
User
Giancarlo B.
forse qualcosa del genere, non ho testato da provare.. @media (max-width: 399.9px) and (min-width: 200px) { div[id$="#imProductList_"] .imProductListCard { display: table !important; } .imProductListButton { width: 30% !important; } }

no, purtroppo non funziona smile
grazie lo stesso

Czytaj więcej
Posted on the from Francesco Tedeschi