WebSite X5Help Center

 
Francesco Tedeschi
Francesco Tedeschi
User

Immagine catalogo prodotti visualizzata al 100%  it

Autore: Francesco Tedeschi
Visite 748, Followers 1, Condiviso 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

Postato il
8 RISPOSTE - 3 UTILI - 1 CORRETTO
Francesco Tedeschi
Francesco Tedeschi
User
Autore

nessuno ha una soluzione?

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Giuseppe Guida
Francesco Tedeschi
Francesco Tedeschi
User
Autore
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

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Giuseppe Guida
Francesco Tedeschi
Francesco Tedeschi
User
Autore

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. 


Leggi di più
Postato il da Francesco Tedeschi
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese 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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Francesco Tedeschi
Francesco Tedeschi
User
Autore

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

Leggi di più
Postato il da Francesco Tedeschi
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese 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;}

;-)

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪