{"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 10 palettes de couleurs sur le th\u00e8me du gris pour agr\u00e9menter vos site web
views 6568<\/div><\/a>\n\t\t\t\t\t\t\t\tSelon, Trinity Advise,\u00a0le gris n\u2019est pas tout \u00e0 fait une couleur, historiquement associ\u00e9 \u00e0 des univers de tristesse, de vieillesse voire de mort. Il suffit aussi de constater les \u00e9l\u00e9ments qui le repr\u00e9sentent (poussi\u00e8re, souris, b\u00e9ton) pour s\u2019apercevoir qu\u2019il n\u2019est pas tr\u00e8s positif au regard actuel des occidentaux. Pourtant, il se marie tr\u00e8s bien avec de nombreuses couleurs vives et peut apporter u...<\/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 933<\/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 Conna\u00eetre les modules de la page d\u2019accueil | Astuce Prestashop 1.6
views 17582<\/div><\/a>\n\t\t\t\t\t\t\t\tVous avez install\u00e9 votre boutique Prestashop 1.6 et d\u00e9sirez modifier votre page d'accueil ?\u00a0Ce petit tuto va vous aider \u00e0 le faire en indiquant le nom du module que vous devez utiliser pour modifier votre slider, votre menu....\u00a0Ils sont facilement accessibles depuis votre back-office PrestaShop en cliquant sur l\u2019onglet \u00ab Modules et services \u00bb.\r\n\r\nSi vous d\u00e9sirez aussi modifier le fichier tpl ou cs...<\/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 modules install\u00e9s par d\u00e9faut sur le front-office de votre boutique | Prestashop 1.7
views 3592<\/div><\/a>\n\t\t\t\t\t\t\t\tLa version Prestashop 1.7 officielle est sortie. La liste des modules install\u00e9e par d\u00e9faut sur votre boutique a consid\u00e9rablement diminu\u00e9 puisqu'il y a en\u00a0plus que 19. Les noms ont aussi \u00e9t\u00e9 modifi\u00e9s.\r\n\r\nPour les consulter, il faut aller dans le back-office de Prestashop Modules > Modules & Services >\u00a0G\u00e9rer les modules install\u00e9s\r\nLiens pour suivre sur r\u00e9seaux sociaux\r\n\r\n\r\nCe module permet...<\/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 Comment cr\u00e9er une langue manuellement | Prestashop 1.6 \/ 1.7
views 2666<\/div><\/a>\n\t\t\t\t\t\t\t\tVous ne d\u00e9sirez pas utiliser le pack de traduction de Prestashop ? Vous d\u00e9sirez faire vos traductions vous-m\u00eame ?\r\n\r\nPrestashop 1.6 et 1.7 permet facilement de cr\u00e9er une nouvelle langue\u00a0sur une boutique e-commerce.\r\n\r\nLe param\u00e9trage est identique pour les deux versions, la seule diff\u00e9rence est le chemin pour arriver \u00e0 la page de cr\u00e9ation de langue.\r\n\r\n\r\n\r\n--------------------------------------\r\nSi...<\/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}]}}