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. |
RECHERCHE
About Me
Articles récents
- Contact SAV / Adresse boutique – Prestashop 1.7
- Créer un thème enfant avec PrestaShop 1.7
- Configurer le moteur de recherche – Prestashop 1.7
- Comment activer SSL dans PrestaShop 1.6 & 1.7 ?
- Liste des variables smarty : Prestashop 1.7
- Comment afficher le nom du produit complet – PrestaShop 1.6 &1.7
- Comment configurer les mails dans PrestaShop 1.6 & PrestaShop 1.7
- Check-list pour bien construire sa page catégorie PrestaShop
- Modifier la police d’écriture avec Google Fonts – PrestaShop 1.7
- Quelques variables qui peuvent vous aider pour votre mise en page – Prestashop 1.7 & 1.6
- Quel nom de domaine pour mon site e-commerce
- Check-list pour bien construire sa fiche produit PrestaShop
- Les fonctionnalités de PrestaShop pour vos clients
- Modèle de cahier des charges pour votre site e-commerce
- Comment créer un compte employé/profils/permissions dans PrestaShop 1.6 & 1.7