La structure des fichiers du nouveau thème Classic | Prestashop 1.7

La version stable de Prestashop 1.7 est sortie ce lundi et comme vous pourrez le constater, la structure des fichiers dans le dossier thème a totalement été remaniée. Maintenant, on retrouve un seul fichier CSS et JS pour tout le site. Les TPL sont classés dans différents dossiers: commandes, clients, catalogues….

Voici la nouvelle structure:

A) assets

| css
——> theme.css

| img
——> logo.png

| js
——> custom.js
——> theme.js

 

    Ce dossier comprend l’ensemble des fichiers CSS, Javacript et les images de votre thème

—————————

B) config

| theme.yml

    Ce dossier donne les informations sur le nom, la version et l’auteur du thème. Mais aussi les colonnes disponibles, les hooks et modules disponibles, la taille des images, les css, js utilisés….

—————————

C) modules

| blockreassurance
| contactform
| ps_banner
| ps_categorytree
| ps_contactinfo
| ps_currencyselector
| ps_customeraccountlinks
| ps_customersignin
| ps_emailsubscription
| ps_facetedsearch
| ps_featuredproducts
| ps_imageslider
| ps_languageselector
| ps_linklist
| ps_mainmenu
| ps_searchbar
| ps_sharebuttons
| ps_shoppingcart
| ps_socialfollow

    Ce dossier regroupe les modules de votre thème

—————————

D) preview.png

    Le fichier preview.png correspondant à  la vignette utilisée dans l’onglet thème du back-office de Prestashop pour illustrer le thème

—————————

E) templates

| _partials +
——> breadcrumb.tpl
——> footer.tpl
——> form-errors.tpl
——> form-fields.tpl
——> head.tpl
——> header.tpl
——> javascript.tpl
——> notifications.tpl
——> pagination.tpl
——> stylesheets.tpl

| catalog
——>_partials +
– active_filters.tpl
– facets.tpl
– miniatures +
           – brand.tpl
           – category.tpl
           – pack-product.tpl
           – product.tpl
– product-activation.tpl
– product-add-to-cart.tpl
– product-cover-thumbnails.tpl
– product-customization.tpl
– product-details.tpl
– product-discounts.tpl
– product-images-modal.tpl
– product-prices.tpl
– product-variants.tpl
– products-bottom.tpl
– products-top.tpl
– products.tpl
– quickview.tpl
– sort-orders.tpl
– variant-links.tpl
——> brands.tpl
——> listing +
– best-sales.tpl
– category.tpl
– manufacturer.tpl
– new-products.tpl
– prices-drop.tpl
– product-list.tpl
– search.tpl
– supplier.tpl
——> manufacturers.tpl
——> product.tpl
——> suppliers.tpl

| checkout
——> _partials +
– address-form.tpl
– address-selector-block.tpl
– cart-detailed-actions.tpl
– cart-detailed-product-line.tpl
– cart-detailed-totals.tpl
– cart-detailed.tpl
– cart-summary-items-subtotal.tpl
– cart-summary-product-line.tpl
– cart-summary-totals.tpl
– cart-summary.tpl
– cart-voucher.tpl
– customer-form.tpl
– footer.tpl
– header.tpl
– login-form.tpl
– order-confirmation-table.tpl
– order-final-summary-table.tpl
– order-final-summary.tpl
– steps +
     – addresses.tpl
     – checkout-step.tpl
     – payment.tpl
     – personal-information.tpl
     – shipping.tpl
——> cart-empty.tpl
——> cart.tpl
——> checkout-process.tpl
——> checkout.tpl
——> order-confirmation.tpl

| cms
——> _partials +
– sitemap-tree-branch.tpl
——> category.tpl
——> page.tpl
——> sitemap.tpl
——> stores.tpl

| contact.tpl

| customer
——> _partials +
– address-form.tpl
– block-address.tpl
– customer-form.tpl
– login-form.tpl
– my-account-links.tpl
– order-detail-no-return.tpl
– order-detail-return.tpl
– order-messages.tpl
——> address.tpl
——> addresses.tpl
——> authentication.tpl
——> discount.tpl
——> guest-login.tpl
——> guest-tracking.tpl
——> history.tpl
——> identity.tpl
——> my-account.tpl
——> order-detail.tpl
——> order-follow.tpl
——> order-return.tpl
——> order-slip.tpl
——> page.tpl
——> password-email.tpl
——> password-infos.tpl
——> password-new.tpl
——> registration.tpl

| errors
——> 404.tpl
——> forbidden.tpl
——> maintenance.tpl
——> not-found.tpl
——> restricted-country.tpl
——> static +
– 500.html
– 503.html

| index.tpl

| layouts
——> layout-both-columns.tpl
——> layout-content-only.tpl
——> layout-error.tpl
——> layout-full-width.tpl
——> layout-left-column.tpl
——> layout-right-column.tpl

| page.tpl

    Ce dossier fait référence à l’ensemble des fichiers tpl qui permet de faire fonctionner votre thème

—————————

E) _dev

| css
——> components +
– block-reassurance.scss
– cart.scss
– categories.scss
– checkout.scss
– contact.scss
– custom-text.scss
– customer.scss
– customization-modal.scss
– drop-down.scss
– errors.scss
– featuredproducts.scss
– footer.scss
– imageslider.scss
– mainmenu.scss
– products.scss
– quickview.scss
– search-widget.scss
– stores.scss
——>partials +
–  _commons.scss
–  _fonts.scss
–  _mixins.scss
–  _variables.scss
——>theme.scss

| img

| js
——> cart.js
——> checkout.js
——> components +
– block-cart.js
– drop-down.js
– form.js
– product-miniature.js
– product-select.js
– top-menu.js
——>customer.js
——>lib +
– bootstrap-filestyle.min.js
– jquery.scrollbox.min.js
——>listing.js
——>product.js
——>responsive.js
——>theme.js

    Ce dossier regroupe les fichiers sources de votre thème: scss, img, js.

Articles similaires

Astuce : Centrer votre menu dans Prestashop 1.6
views 3730
Voici un petit tuto qui va vous permettre de centrer votre menu dans prestashop Cette astuce Prestashop est valable pour la version 1.6 Comment centrer le menu sur ma boutique Prestashop ?  Il y a q'un seul fichier à modifier : superfish-modified.css  qui appartient au module blocktopmenu 1) Dans .sf-menu, ajouter text-align:center 2) Dans .sf-menu > li, remplacer float:lef...
Où Changer le nom de sa boutique | Astuce Prestashop 1.6
views 2787
Si vous désirez modifier le nom de votre boutique sur le cms Prestashop, suivez ce petit tuto Comment modifier le nom de sa boutique depuis le back-office de Prestashop ? Connectez-vous au back-office de Prestashop Allez dans Préférences > Coordonnées et Magasins 3. Il faut scroller un peu jusqu'à "Coordonnées" Cette partie propose plusieurs réglages : - Nom de la bout...
Modifier la police d’écriture avec Google Fonts – PrestaShop 1.7
views 4641
Dans ce tuto nous allons voir comment modifier la police d'écriture avec Google Fonts pour votre site PrestaShop 1.7 A noter: actuellement la police par défaut est Noto Sans, sans-serif Etape 1) Choisir sa police d'écriture  Nous allons choisir notre/nos police(s) d'écriture sur le site de Google Fonts à cette adresse : https://fonts.google.com/ Je vais choisir deux polices d'écriture, 1 ...
Liste des variables smarty : Prestashop 1.7
views 8079
Je vais énumérer dans ce tutoriel, les variables utlisées dans Prestashop 1.7, Pour les découvrir, vous avez deux methodes. Pour les deux méthodes, il faut ouvrir le fichier header.tpl qui se situe dans themes/nomdevotretheme/templates/_partials/header.tpl. En haut de page, vous insérez soit 1) {debug}, lorsque vous allez allez sur votre site vous allez avoir une fenêtre qui va s'ouvrir avec...
Comment faire apparaitre une deuxième photo de vos produits au survol des images
views 3741
Voici un petit tutoriel qui va vous permettre de faire apparaitre la deuxième image de votre produit au passage de la souris. UPDATE : j'ai trouvé ce module qui est gratuit : cliquez-ci  Cette astuce Prestashop est valable pour la version 1.6 1) Créez un fichier nommé « Category.php » dans le dossier « override/classes » et ajoutez-le code suivant: 1) Créez un fichier nommé « Produ...

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *