Immagine confezione regalo

[fusus]

Buongiorno, come da titolo vorrei aggiungere un'immagine dove si veda la confezione regalo!

Allego immagine

Grazie

[ThemeBooster.com]

Buongiorno.

Non credo sia possibile da pannello di amministrazione senza moduli aggiuntivi o se la confezione regalo non sia essa stessa un prodotto.

In ogni caso, dopo aver aggiunto la propria immagine via FTP in una cartella nota (esempio /img/cms/)si potrebbe agire sui fogli di stile aggiungendo la seguente regola:

id dell'elemento dopo del quale si vuole far visualizzare l'immagine :after {
  content: url('percorso assoluto dell' immagine');
  display: inline-block;
  width: valore numerico in px;
  height: valore numerico in px;  
}

Ad esempio:

#delivery:after {
  content: url('https://www.papillonstore.it/img/cms/confezione-regalo.jpg');
  display: inline-block;
  width: 100px;
  height: 100px;  
}

Questa regola:
1. richiama l'immagine confezione-regalo.jpg caricata via FTP nella cartella /img/cms/ dell'installazione Prestashop
2. la visualizza appena dopo il div con ID "delivery"
3. impone all'immagine una dimensione di 100 x 100px

Riassumendo:
- dovrai vedere quale sia l'output html ed eventualmente il valore ID del div che contiene "Scegli la confezione ..." (questo da qualsiasi inspector del browser);
- preparare la tua immagine magari già a misura ottimizzata;
- aggiungere questa regola ad un file css che venga richiamato nella pagina Checkout (global.css se sei su Prestashop 1.6.x - themes/tuo tema/assets/css/custom.css se sei su Prestashop 1.7.x
- modificare la regola in base alle tue esigenze

Saluti

[fusus]

Grazie mille per la risposta. Vediamo cosa posso fare!

Gentilissimo

On 1/2/2020 at 1:09 PM, ThemeBooster.com dice:

Buongiorno.

Non credo sia possibile da pannello di amministrazione senza moduli aggiuntivi o se la confezione regalo non sia essa stessa un prodotto.

In ogni caso, dopo aver aggiunto la propria immagine via FTP in una cartella nota (esempio /img/cms/)si potrebbe agire sui fogli di stile aggiungendo la seguente regola:

id dell'elemento dopo del quale si vuole far visualizzare l'immagine :after {
  content: url('percorso assoluto dell' immagine');
  display: inline-block;
  width: valore numerico in px;
  height: valore numerico in px;  
}

Ad esempio:

#delivery:after {
  content: url('https://www.papillonstore.it/img/cms/confezione-regalo.jpg');
  display: inline-block;
  width: 100px;
  height: 100px;  
}

Questa regola:
1. richiama l'immagine confezione-regalo.jpg caricata via FTP nella cartella /img/cms/ dell'installazione Prestashop
2. la visualizza appena dopo il div con ID "delivery"
3. impone all'immagine una dimensione di 100 x 100px

Riassumendo:
- dovrai vedere quale sia l'output html ed eventualmente il valore ID del div che contiene "Scegli la confezione ..." (questo da qualsiasi inspector del browser);
- preparare la tua immagine magari già a misura ottimizzata;
- aggiungere questa regola ad un file css che venga richiamato nella pagina Checkout (global.css se sei su Prestashop 1.6.x - themes/tuo tema/assets/css/custom.css se sei su Prestashop 1.7.x
- modificare la regola in base alle tue esigenze

Saluti