Immagine catalogo prodotti visualizzata al 100%
Autore: Francesco Tedeschi
Visite 899,
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
Autore
nessuno ha una soluzione?
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.
Autore
Ciao Giuseppe, si è corretto, è un unico oggetto catalogo 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.
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
Sì infatti, hai ragione, ho provato ma si sballa tutta l'impaginazione... Ottieni l'effetto desiderato ma poi sballa il resto.
Autore
rimetto alla luce questo topic, non mi do ancora pace 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.
... 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^ e 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......
.
ciao
.
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
... 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;}
;-)