Jump to content
fusus

Immagine confezione regalo

Recommended Posts

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

Allego immagine

Grazie

Senza titolo-4.jpg

Share this post


Link to post
Share on other sites

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

  • Like 1

Share this post


Link to post
Share on other sites

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

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More