{"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 La part de march\u00e9 des 4 navigateurs dans 4 pays europ\u00e9ens
views 190<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie montre les navigateurs les plus utilis\u00e9s en Allemagne, en Espagne, en France et au Royaume-Uni en octobre 2014.\r\n\r\nAllemagne :\r\nFirefox est le navigateur le plus utilis\u00e9 avec 34,2% des internautes suivi d'Internet Explorer (20,5%) et Chrome (19%).\r\n\r\nEspagne :\r\nChrome est le navigateur le plus utilis\u00e9 avec 42,2% des internautes\u00a0suivi de Safari (16,5%) et Internet Explorer (16,3%)...<\/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 Ajouter un accord\u00e9on dans une page cms | Astuce Prestashop 1.6
views 5758<\/div><\/a>\n\t\t\t\t\t\t\t\tGr\u00e2ce \u00e0 ce tuto tr\u00e8s simple, vous pourrez ajouter un accord\u00e9on dans votre page CMS\r\n\r\nAstuce Prestashop 1.6\r\n\r\n-------------------------------------------------\r\nSolution 1 (ne fonctionne pas toujours)\r\n1) Une fois sur la page cms, cliquez sur l'ic\u00f4ne source code\r\n\r\n\r\n\r\n\r\n\r\n2. Ins\u00e9rez le code suivant\r\n\r\n3 Enregistrer et visualiser\r\n\r\n\r\n\r\nSolution 2\r\n\r\n1) Une fois sur la page cms, cliquez sur l'ic\u00f4...<\/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 Les motivations du consommateur sur le choix du canal d\u2019achats
views 909<\/div><\/a>\n\t\t\t\t\t\t\t\t\r\n\r\n Source : Fevad\r\n\r\n\r\n\r\n<\/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 Ajouter des tabs dans une page cms | Astuce Prestashop 1.6
views 1471<\/div><\/a>\n\t\t\t\t\t\t\t\tCe tutorial va vous permettre d'ins\u00e9rer des tabs dans vos pages cms\r\n\r\nAstuce Prestashop 1.6\r\n\r\n--------------------------------------\r\n1) Ins\u00e9rer une tab horizontal sur la page cms de Prestashop\u00a0\r\n1.1) Une fois sur la page cms, cliquez sur l'ic\u00f4ne source code\r\n\r\n\r\n\r\n\r\n\r\n1.2 Ins\u00e9rez le code suivant\r\n\r\n1.3 Enregistrer et visualiser\r\n\r\n\r\n\r\n1.4 Si vos tabs ne fonctionnent pas, il sera n\u00e9cessaire d'aj...<\/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 Liste des variables smarty : Prestashop 1.7
views 13414<\/div><\/a>\n\t\t\t\t\t\t\t\tJe vais \u00e9num\u00e9rer dans ce tutoriel, les variables utlis\u00e9es dans Prestashop 1.7,\r\n\r\nPour les d\u00e9couvrir, vous avez deux methodes. Pour les deux m\u00e9thodes, il faut ouvrir le fichier header.tpl qui se situe dans themes\/nomdevotretheme\/templates\/_partials\/header.tpl. En haut de page, vous ins\u00e9rez soit\r\n\r\n1) {debug}, lorsque vous allez allez sur votre site vous allez avoir une fen\u00eatre qui va s'ouvrir avec...<\/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}]}}