Jump to content
antares62

Modificare CSS Template

Recommended Posts

Buongiorno,

ne è passato molto di tempo da quando modificavo i temi utilizzando il Global.css :)
Ora mi trovo a dover gestire un sito con il prestashop nuovo e tutto ovviamente è cambiato.
Ho visto che il maggior indiziato per la modifica di colori, font, ecc sia il Theme.css, ma ho letto da qualche parte che si può usare il Bootstrap 4 per fare modifiche e mi servirebbero delle informazioni al volo su come si installa e come si utilizza, senza che mi possa perdere nella ricerca e nella lettura di cose troppo complicate.

Grazie per l'aiuto

bye

Paolo

Share this post


Link to post
Share on other sites

Ciao,

il tema classic di PS 1.7 si basa su Bootstrap 4 che è un framework CSS (info qui: https://getbootstrap.com/), non c'è nulla da installare, è già incluso in theme.css.

Se vuoi fare delle modifiche ti suggerisco di usare il file custom.css (che viene caricato dopo theme.css) scrivendo semplicemente il codice che ti serve.

Buona giornata,
Federica

Share this post


Link to post
Share on other sites

Grazie Fedesib

E' già incluso, e dove lo trovo? O come lo uso? (si lo so mi hai dato il link...in inglese :) )

ho notato la presenza del custom.css, ma anche questo come lo uso?

Inserisco il codice li dentro e poi come se lo carica il tema classic invece di pescare il theme.css ?

Scusa eh, sono un pò arrugginito.

Share this post


Link to post
Share on other sites

Ciao,

- bootstrap: puoi usarlo direttamente (solo se ti serve ovviamente). Una guida in italiano è qui: https://www.html.it/guide/guida-bootstrap/
- custom.css viene caricato per ultimo (dopo theme.css e tutti gli altri eventuali stili di base) quindi serve a scrivere regole aggiuntive rispetto a quelle di base del tema (che sono in theme.css) o a modificare quelle di base

Buona giornata,
Federica

Share this post


Link to post
Share on other sites

Ragazzi, apprezziamo l'aiuto, ma evitiamo di consigliare pratiche di sviluppo non proprio consone 😊

@antares62 il file custom.css deve essere utilizzato esclusivamente per hotfix, tant'è che nel commento del file trovi proprio scritto che un template dovrebbe essere sempre fornito con il file custom.css vuoto.

Dalla versione 1.7 va utilizzato webpack per poter compilare i file .scss che trovi nella sottocartella _dev del template. Quindi vanno modificati i `sorgenti` che sono suddivisi in vari file dopodiché con webpack viene generato il file finale, il famoso `theme.css`, che poi potrai andare a caricare sul server o sul sito in produzione.

Lascio un link alla documentazione ufficiale perché ovviamente non è un discorso facile da snocciolare qui: https://devdocs.prestashop.com/1.7/themes/getting-started/tools-for-theme-designers/

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

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