{"id":2856,"date":"2016-11-09T10:31:06","date_gmt":"2016-11-09T10:31:06","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=2856"},"modified":"2017-01-23T18:22:11","modified_gmt":"2017-01-23T18:22:11","slug":"structure-fichiers-nouveau-theme-classic-prestashop-1-7","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/structure-fichiers-nouveau-theme-classic-prestashop-1-7\/","title":{"rendered":"La structure des fichiers du nouveau th\u00e8me Classic | Prestashop 1.7"},"content":{"rendered":"

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\u00e8me a totalement \u00e9t\u00e9 remani\u00e9e. Maintenant, on retrouve un seul fichier CSS et JS pour tout le site. Les TPL sont class\u00e9s dans diff\u00e9rents dossiers: commandes, clients, catalogues….<\/p>\n

Voici la nouvelle structure:<\/p>\n

A) assets<\/strong><\/span><\/h2>\n

| css<\/span>
\n——> theme.css<\/span><\/p>\n

| img<\/span>
\n——> logo.png<\/span><\/p>\n

| js<\/span>
\n——> custom.js<\/span>
\n——> theme.js<\/span><\/p>\n

 <\/p>\n\n\n\n
\u00a0 \u00a0 Ce dossier comprend\u00a0l’ensemble des fichiers CSS, Javacript et les images de votre th\u00e8me<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

—————————<\/p>\n

<\/p>\n

B) config<\/strong><\/span><\/h2>\n

| theme.yml<\/p>\n\n\n\n
\u00a0 \u00a0 Ce dossier donne les informations sur le nom, la version et l’auteur du th\u00e8me. Mais aussi les colonnes disponibles, les hooks et modules disponibles, la taille des images, les css, js utilis\u00e9s….<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

—————————<\/p>\n

C) modules<\/strong><\/span><\/h2>\n

| blockreassurance<\/span>
\n| contactform
\n<\/span>| ps_banner
\n<\/span>| ps_categorytree<\/span>
\n| ps_contactinfo<\/span>
\n| ps_currencyselector<\/span>
\n| ps_customeraccountlinks<\/span>
\n| ps_customersignin<\/span>
\n| ps_emailsubscription<\/span>
\n| ps_facetedsearch<\/span>
\n| ps_featuredproducts<\/span>
\n| ps_imageslider<\/span>
\n| ps_languageselector<\/span>
\n| ps_linklist<\/span>
\n| ps_mainmenu<\/span>
\n| ps_searchbar<\/span>
\n| ps_sharebuttons<\/span>
\n| ps_shoppingcart<\/span>
\n| ps_socialfollow<\/span><\/p>\n\n\n\n
\u00a0 \u00a0 Ce dossier regroupe les modules de votre th\u00e8me<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

—————————<\/p>\n

D) preview.png<\/strong><\/span><\/h2>\n\n\n\n
\u00a0 \u00a0 Le fichier preview.png correspondant \u00e0 \u00a0la vignette utilis\u00e9e dans l’onglet th\u00e8me du back-office de Prestashop pour illustrer le th\u00e8me<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

—————————<\/p>\n

E) templates<\/strong><\/span><\/h2>\n

| _partials\u00a0+<\/span><\/strong>
\n<\/span>——> breadcrumb.tpl
\n<\/span>——> footer.tpl
\n<\/span>——> form-errors.tpl
\n<\/span>——> form-fields.tpl
\n<\/span>——> head.tpl
\n<\/span>——> header.tpl
\n<\/span>——> javascript.tpl
\n<\/span>——> notifications.tpl
\n<\/span>——> pagination.tpl
\n<\/span>——> stylesheets.tpl<\/span><\/p>\n

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

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

| cms
\n<\/span>——> _partials\u00a0+<\/span><\/strong>
\n<\/span>– sitemap-tree-branch.tpl
\n<\/span>——> category.tpl
\n<\/span>——> page.tpl
\n<\/span>——> sitemap.tpl
\n<\/span>——> stores.tpl<\/span><\/p>\n

| contact.tpl<\/span><\/p>\n

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

| errors
\n<\/span>——> 404.tpl
\n<\/span>——> forbidden.tpl
\n<\/span>——> maintenance.tpl
\n<\/span>——> not-found.tpl
\n<\/span>——> restricted-country.tpl
\n<\/span>——> static\u00a0+<\/span><\/strong>
\n<\/span>– 500.html
\n<\/span>– 503.html<\/span><\/p>\n

| index.tpl<\/span><\/p>\n

| layouts
\n<\/span>——> layout-both-columns.tpl
\n<\/span>——> layout-content-only.tpl
\n<\/span>——> layout-error.tpl
\n<\/span>——> layout-full-width.tpl
\n<\/span>——> layout-left-column.tpl
\n<\/span>——> layout-right-column.tpl<\/span><\/p>\n

| page.tpl<\/span><\/p>\n\n\n\n
\u00a0 \u00a0 Ce dossier fait r\u00e9f\u00e9rence \u00e0 l’ensemble des fichiers tpl qui permet de faire fonctionner votre th\u00e8me<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

—————————<\/p>\n

E) _dev<\/strong><\/span><\/h2>\n

| css
\n<\/span>——> components\u00a0+<\/span><\/strong>
\n<\/span>– block-reassurance.scss
\n<\/span>– cart.scss
\n<\/span>– categories.scss
\n<\/span>– checkout.scss
\n<\/span>– contact.scss
\n<\/span>– custom-text.scss
\n<\/span>– customer.scss
\n<\/span>– customization-modal.scss
\n<\/span>– drop-down.scss
\n<\/span>– errors.scss
\n<\/span>– featuredproducts.scss
\n<\/span>– footer.scss
\n<\/span>– imageslider.scss
\n<\/span>– mainmenu.scss
\n<\/span>– products.scss
\n<\/span>– quickview.scss
\n<\/span>– search-widget.scss
\n<\/span>– stores.scss
\n<\/span>——>partials\u00a0+<\/span><\/strong>
\n<\/span>– \u00a0_commons.scss
\n<\/span>– \u00a0_fonts.scss
\n<\/span>– \u00a0_mixins.scss
\n<\/span>– \u00a0_variables.scss
\n<\/span>——>theme.scss<\/span><\/p>\n

| img <\/span><\/p>\n

| js
\n<\/span>——> cart.js
\n<\/span>——> checkout.js
\n<\/span>——> components\u00a0+<\/span><\/strong>
\n<\/span>– block-cart.js
\n<\/span>– drop-down.js
\n<\/span>– form.js
\n<\/span>– product-miniature.js
\n<\/span>– product-select.js
\n<\/span>– top-menu.js
\n<\/span>——>customer.js
\n<\/span>——>lib\u00a0+<\/span><\/strong>
\n<\/span>– bootstrap-filestyle.min.js
\n<\/span>– jquery.scrollbox.min.js
\n<\/span>——>listing.js
\n<\/span>——>product.js
\n<\/span>——>responsive.js
\n<\/span>——>theme.js<\/span><\/p>\n\n\n\n
\u00a0 \u00a0 Ce dossier regroupe les fichiers sources de votre th\u00e8me: scss, img, js.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t <\/a>\n\t\t\t\t\t\t Supprimer le contenu par d\u00e9faut de votre boutique | Astuce Prestashop 1.6
views 6597<\/div><\/a>\n\t\t\t\t\t\t\t\tLorsque vous installez Prestashop pour la 1er fois, du contenu par d\u00e9faut est install\u00e9 : faux clients, faux produits, fausses commandes....\r\n\r\nSi vous d\u00e9sirez les supprimer, il existe une m\u00e9thode tr\u00e8s simple dans Prestashop.\r\n\r\n\r\n\r\n1) Connectez-vous dans le back-office de Prestashop\r\n\r\n2) Allez dans Modules & Services >\u00a0Modules & Services\r\n\r\n3) \u00a0Recherchez le module qui s'appelle :\u00a0Nett...<\/span>\n\t\t\t\t\t\t \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t <\/a>\n\t\t\t\t\t\t D\u00e9sactiver les frais de port dans le block panier | Astuce Prestashop 1.6
views 6155<\/div><\/a>\n\t\t\t\t\t\t\t\tPour \u00e9viter toute confusion, je pr\u00e9f\u00e8re d\u00e9sactiver les frais de port dans le block panier.\r\n\r\nEn effet, si le client n'est pas connect\u00e9 \u00e0 son compte, Prestashop indiquera les frais de port les moins chers.\r\n\r\nHors si le client habite aux Etats-Unis, les frais de port\u00a0peuvent consid\u00e9rablement varier et entrainer ainsi un risque d'abandon \u00a0lors de la finalisation de la commande. (voir depuis le d\u00e9bu...<\/span>\n\t\t\t\t\t\t \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t <\/a>\n\t\t\t\t\t\t Braintree \u2013 Une solution de Paiement sans VAD | Prestashop
views 5806<\/div><\/a>\n\t\t\t\t\t\t\t\tQu'est-ce que Braintree ?\u00a0\r\nBraintree offre une solution compl\u00e8te de paiement pour les e-marchands sur mobile, tablette et bureau.\u00a0C'est une entreprise am\u00e9ricaine qui a \u00e9t\u00e9 rachet\u00e9e par Paypal en 2013.\r\n\r\nComment j'ai connu Braintree ?\u00a0\r\nUn de mes clients a souscrit un Forfait Int\u00e9gral Evolution (25\u20ac par mois) chez Paypal. Apr\u00e8s avoir install\u00e9 le module dans le cms Prestashop, je me suis aper\u00e7ue q...<\/span>\n\t\t\t\t\t\t \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t <\/a>\n\t\t\t\t\t\t 6 erreurs de d\u00e9veloppement \u00e0 \u00e9viter en e-commerce.
views 214<\/div><\/a>\n\t\t\t\t\t\t\t\tL'agence web\u00a0Kiwik\u00a0\u00a0r\u00e9alise sa troisi\u00e8me infographie sur 6 erreurs de d\u00e9veloppement \u00e0 \u00e9viter en e-commerce.\r\nVoici les points abord\u00e9s :\r\n1) Avoir un site trop lent\r\n2) Avoir un site non pr\u00e9par\u00e9 \u00e0 prendre de la charge\r\n3) Ne pas choisir la bonne plateforme\r\n4) Avoir un site qui n'a pas \u00e9t\u00e9 test\u00e9 en profondeur\r\n5) Avoir un site non adopt\u00e9 aux usages mobiles\r\n6) Avoir un site non adapt\u00e9 aux usages de...<\/span>\n\t\t\t\t\t\t \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t <\/a>\n\t\t\t\t\t\t Quatre principes essentiels pour un bon design web | Infographie
views 172<\/div><\/a>\n\t\t\t\t\t\t\t\tL'agence\u00a0Hero de Pixela cr\u00e9e une infographie r\u00e9pertoriant les quatre principes essentiels\u00a0pour un bon design:\r\n\r\n- la lisibilit\u00e9 du contenu textuel\r\n- la navigation,\r\n- la palette des couleurs,\r\n- les images\r\n\r\n\r\n\r\nAvant de vous lancer dans votre projet projet, n'h\u00e9sitez pas \u00e0 jeter un coup d'oeil \u00e0 cette infographie.\r\n\r\n<\/span>\n\t\t\t\t\t\t \n\t\t\t\t\t\t<\/div>\n<\/div> ","protected":false},"excerpt":{"rendered":"

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\u00e8me a totalement \u00e9t\u00e9 remani\u00e9e. Maintenant, on retrouve un seul fichier CSS et JS pour tout le site. Les TPL sont class\u00e9s dans diff\u00e9rents dossiers: commandes, clients, […]<\/p>\n","protected":false},"author":1,"featured_media":2874,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,12],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/2856"}],"collection":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/comments?post=2856"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/2856\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/2874"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=2856"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=2856"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=2856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}