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

Ajouter un accordéon dans une page cms | Astuce Prestashop 1.6
views 5263
Grâce à ce tuto très simple, vous pourrez ajouter un accordéon dans votre page CMS Astuce Prestashop 1.6 ------------------------------------------------- Solution 1 (ne fonctionne pas toujours) 1) Une fois sur la page cms, cliquez sur l'icône source code 2. Insérez le code suivant div class="panel-group" id="accordion">
Lutte contre la fraude à la TVA et PrestaShop
views 1106
Depuis le 1er janvier 2018, l'article 88 de la loi n° 2015-1785 du 29 décembre 2015 de finances pour 2016 prévoit l'obligation pour les assujettis à la taxe sur la valeur ajoutée (TVA) qui enregistrent les règlements de leurs clients au moyen d'un logiciel de comptabilité ou de gestion ou d'un système de caisse, d'utiliser un logiciel satisfaisant à des conditions d'inaltérabilité, de sécurisation...
Comment configurer les mails dans PrestaShop 1.6 & PrestaShop 1.7
views 9314
Dans ce tutoriel, nous allons voir comment configurer les mails dans PrestaShop. En effet, votre site en ligne va envoyer de nombreux messages à vous et vos clients : création de compte, confirmation de commande.... il est alors important de bien paramétrer cette partie. Pour Prestashop 1.6 & PrestaShop 1.7  La procédure est identique pour les deux versions A) Accéder aux mails Depui...
Comment modifier le message de Copyright en bas de page | Prestashop 1.7 ?
views 19808
Lors du paramétrage de votre boutique Prestashop, vous désirez peut-être modifier le message de Copyright en bas de page. Par défaut, le message est le suivant : © 2016 – Ecommerce software by PrestaShop™. Lorsque nous cliquons sur lien,  on est transféré sur le site de Prestashop. Dans un premier temps, nous verrons comment modifier le message et dans un deuxième temps, comment modif...
Lenteur Enregistrement Produit BO 1.6.0.11
views 1886
Vous avez téléchargé la version Prestashop 1.6.011 et là grand problème lorsqu'on accède à la fiche produit on s'aperçoit que les boutons "enregistrer et rester" et "enregistrer" sont grisés avec un logo de chargement et il faut attendre un bon moment pour qu'ils deviennent actifs. Après plusieurs recherches, j'ai trouvé la solution qui a fonctionné grâce à sandrocirlin, un membre du fo...

Laisser un commentaire

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