WebSite X5Help Center

 
Francesco Tedeschi
Francesco Tedeschi
User

Immagine catalogo prodotti visualizzata al 100%  it

Автор: Francesco Tedeschi
Просмотрено 915, Подписчики 1, Размещенный 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

Размещено
8 Ответы - 3 Полезно - 1 Корректно
Francesco Tedeschi
Francesco Tedeschi
User
Автор

nessuno ha una soluzione?

Читать больше
Размещено От 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.

Читать больше
Размещено От Giuseppe Guida
Francesco Tedeschi
Francesco Tedeschi
User
Автор
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

Читать больше
Размещено От 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.

Читать больше
Размещено От Giuseppe Guida
Francesco Tedeschi
Francesco Tedeschi
User
Автор

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. 


Читать больше
Размещено От Francesco Tedeschi
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца 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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Francesco Tedeschi
Francesco Tedeschi
User
Автор

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

Читать больше
Размещено От Francesco Tedeschi
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца 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;}

;-)

Читать больше
Размещено От  ‪ KolAsim ‪ ‪