WebSite X5Help Center

 
Francesco Tedeschi
Francesco Tedeschi
User

Immagine catalogo prodotti visualizzata al 100%  it

Autor: Francesco Tedeschi
Besucht 914, Followers 1, Geteilt 0  

Buongiorno a tutti !
Questo screen sottostante mostra l'oggetto catalogo prodotti del mio sito dove si vede che l'immagine di copertina del prodotto è al 45% del riquadro (come da me impostato nelle impostazioni dell'oggetto catalogo prodotti)

Tuttavia, vorrei che solo alcune caselle / alcuni prodotti da me scelti tramite codice esterno,  venissero visualizzati con un immagine di copertina al 100% come da screen che inserisco di seguito

nell'oggetto catalogo prodotti, se imposto l'immagine di copertina al 100% mi va a modificare tutti i prodotti al 100%, mentre io vorrei che solo alcuni prodotti venissero visualizzati al 100%

Qualcuno può aiutarmi gentilmente a fare questa modifica tramite codice esterno ?
Grazie in anticipo

Gepostet am
8 ANTWORTEN - 3 NüTZLICH - 1 KORREKT
Francesco Tedeschi
Francesco Tedeschi
User
Autor

nessuno ha una soluzione?

Mehr lesen
Gepostet am von Francesco Tedeschi
Giuseppe Guida
Giuseppe Guida
User

Francesco, tu hai inserito un unico oggetto catalogo prodotti e poi hai fatto visualizzare con quell'unico oggetto tutti quei prodotti, giusto? Perchè così la modifica la fa su tutti i prodotti. Avresti dovuto mettere un solo oggetto catalogo prodotti specifico solo per quel prodotto per il quale vuoi la copertina al 100% e tutti gli altri prodotti con copertina al 45% li lasci nell'altro Oggetto Catalogo prodotti, quello con più prodotti.

Mehr lesen
Gepostet am von Giuseppe Guida
Francesco Tedeschi
Francesco Tedeschi
User
Autor
Giuseppe Guida
Francesco, tu hai inserito un unico oggetto catalogo prodotti e poi hai fatto visualizzare con quell'unico oggetto tutti quei prodotti, giusto? 

Ciao Giuseppe, si è corretto, è un unico oggetto catalogo prodotti

Giuseppe Guida

Avresti dovuto mettere un solo oggetto catalogo prodotti specifico solo per quel prodotto per il quale vuoi la copertina al 100% e tutti gli altri prodotti con copertina al 45% li lasci nell'altro Oggetto Catalogo prodotti, quello con più prodotti.

Ci avevo pensato anche io, ma mettere un unico oggetto catalogo prodotti (per un solo prodotto) con copertina al 100% va a rovinare l'aspetto grafico del sito.
Ecco perchè mi chiedevo se qualcuno avesse già provato una soluzione simile a quella che chiedevo nel primo topic con codice extra

Mehr lesen
Gepostet am von Francesco Tedeschi
Giuseppe Guida
Giuseppe Guida
User

Sì infatti, hai ragione, ho provato ma si sballa tutta l'impaginazione... Ottieni l'effetto desiderato ma poi sballa il resto.

Mehr lesen
Gepostet am von Giuseppe Guida
Francesco Tedeschi
Francesco Tedeschi
User
Autor

rimetto alla luce questo topic, non mi do ancora pace laughing e chiedo una mano a poter far apparire la copertina di una qualsiasi cella prodotto a piena immagine,   (individuata tramite codice che poi sostituirò io l'id della cella) come da screed postati ad inizio topic.

Tra i vari prodotti mi servirebbe inserire un prodotto con coperina al 100%.
Non importa se i tasti aggiungi al carrello o quantità per questo prodotto a copertina 100% non si vedono (è meglio), questo prodotto con copertina full, mi servira come "messaggio pubblicitario" che si vedrà di tanto in tanto tra i vari prodotti. 


Mehr lesen
Gepostet am von Francesco Tedeschi
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats PT
Francesco Tedeschi
... ... chiedo una mano a poter far apparire la copertina di una qualsiasi cella prodotto a piena immagine,   (individuata tramite codice che poi sostituirò io l'id della cella) ... ... ... 

... per semplificare, individua il contenitore generale prossimo (#imProductList_82_277),  e poi vai per posizione (1,2,3, ecc.)...

... per esempio, per le schede 1^ 3^ :

<style>
#imProductList_82_277 > div:nth-child(1) > div {background-size:100% !important;} /** fisso **/
#imProductList_82_277 > div:nth-child(1) {grid-template-rows: 100% !important } /** variabile **/
#imProductList_82_277 > div:nth-child(3) {grid-template-rows: 100% !important } /** variabile **/
/** eccetera eccetera **/
</style>

... va modificata solo la posizione corrispndente al valore in grassetto (1,3),  che dovrebbe essere progressivo in base all'incolonnamento; ...ormai capirai il resto da te...wink...

.

ciao

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Francesco Tedeschi
Francesco Tedeschi
User
Autor

FANTASTICO !!!
Grazie KolAsim sei stato molto chiaro nella spiegazione del codice e il risultato supera le mie aspettative, ho già messo tutto in rete !!
Sempre TOP! Grazie milleeee

Mehr lesen
Gepostet am von Francesco Tedeschi
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats PT

... visto, ... OK...

... non avevo fatto caso che questa stringa è comune, e volendo può essere inserita solo un volta:

#imProductList_82_277 > div:nth-child(1) > div {background-size:100% !important;}

;-)

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪