Salut,
Merci de votre aide à tous. J'ai les mêmes erreurs google donc j'ai essayé de suivre la procédure.
J'ai donc essayé la solution proposée par Jaep lorsque je fais le changement dans le fichier product.tpl, j'ai des problèmes d'affichage avec les marges à gauche inexistantes et la liste des produits tout serrés vers la gauche.
Pour vérifier que j'ai fait la bonne procédure: J'ai pris le fichier product.tpl dans le dossier concerné dans le thème standard, j'ai ajouté les modifs et j'ai remplacé ce fichier dans mon thème perso.
Voici le code du nouveau fichier que j'ai remplacé :
{** * 2007-2018 PrestaShop * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License 3.0 (AFL-3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * https://opensource.org/licenses/AFL-3.0 * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to [email protected] so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade PrestaShop to newer * versions in the future. If you wish to customize PrestaShop for your * needs please refer to http://www.prestashop.com for more information. * * @author PrestaShop SA <contact@prestashop.com> * @copyright 2007-2018 PrestaShop SA * @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0) * International Registered Trademark & Property of PrestaShop SA *} {block name='product_miniature_item'} <article class="product-miniature js-product-miniature" data-id-product="{$product.id_product}" data-id-product-attribute="{$product.id_product_attribute}" itemscope itemtype="http://schema.org/Product"> <meta itemprop="image" content="{$product.cover.large.url}" /> <meta itemprop="description" content="{$product.manufacturer_name} {$product.name}" /> <div itemprop="offers" itemtype="http://schema.org/Offer" itemscope> <meta itemprop="url" content="{$product.url}" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="itemCondition" content="https://schema.org/UsedCondition" /> <meta itemprop="priceCurrency" content="EUR" /> <meta itemprop="itemCondition" content="Neuf" /> <meta itemprop="price" content="{$product.price_amount}" /> <meta itemprop="priceValidUntil" content="2020-12-31" /> <div itemprop="seller" itemtype="http://schema.org/Organization" itemscope> <meta itemprop="name" content="" /> </div> </div> <div itemprop="aggregateRating" itemtype="http://schema.org/AggregateRating" itemscope> <meta itemprop="reviewCount" content="1" /> <meta itemprop="ratingValue" content="2" /> </div> <div itemprop="review" itemtype="http://schema.org/Review" itemscope> <div itemprop="author" itemtype="http://schema.org/Person" itemscope> <meta itemprop="name" content="Anonyme" /> </div> </div> <meta itemprop="sku" content="{$product.reference_to_display}" /> <div itemprop="brand" itemtype="http://schema.org/Thing" itemscope> <meta itemprop="name" content="{$product.manufacturer_name}" /> </div> <div class="thumbnail-container"> {block name='product_thumbnail'} {if $product.cover} <a href="{$product.url}" class="thumbnail product-thumbnail"> <img src = "{$product.cover.bySize.home_default.url}" alt = "{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}" data-full-size-image-url = "{$product.cover.large.url}" > </a> {else} <a href="{$product.url}" class="thumbnail product-thumbnail"> <img src = "{$urls.no_picture_image.bySize.home_default.url}" > </a> {/if} {/block} <div class="product-description"> {block name='product_name'} {if $page.page_name == 'index'} <h3 class="h3 product-title" itemprop="name"><a href="{$product.url}">{$product.name|truncate:30:'...'}</a></h3> {else} <h2 class="h3 product-title" itemprop="name"><a href="{$product.url}">{$product.name|truncate:30:'...'}</a></h2> {/if} {/block} {block name='product_price_and_shipping'} {if $product.show_price} <div class="product-price-and-shipping"> {if $product.has_discount} {hook h='displayProductPriceBlock' product=$product type="old_price"} <span class="sr-only">{l s='Regular price' d='Shop.Theme.Catalog'}</span> <span class="regular-price">{$product.regular_price}</span> {if $product.discount_type === 'percentage'} <span class="discount-percentage discount-product">{$product.discount_percentage}</span> {elseif $product.discount_type === 'amount'} <span class="discount-amount discount-product">{$product.discount_amount_to_display}</span> {/if} {/if} {hook h='displayProductPriceBlock' product=$product type="before_price"} <span class="sr-only">{l s='Price' d='Shop.Theme.Catalog'}</span> <span itemprop="price" class="price">{$product.price}</span> {hook h='displayProductPriceBlock' product=$product type='unit_price'} {hook h='displayProductPriceBlock' product=$product type='weight'} </div> {/if} {/block} {block name='product_reviews'} {hook h='displayProductListReviews' product=$product} {/block} </div> {block name='product_flags'} <ul class="product-flags"> {foreach from=$product.flags item=flag} <li class="product-flag {$flag.type}">{$flag.label}</li> {/foreach} </ul> {/block} <div class="highlighted-informations{if !$product.main_variants} no-variants{/if} hidden-sm-down"> {block name='quick_view'} <a class="quick-view" href="#" data-link-action="quickview"> <i class="material-icons search"></i> {l s='Quick view' d='Shop.Theme.Actions'} </a> {/block} {block name='product_variants'} {if $product.main_variants} {include file='catalog/_partials/variant-links.tpl' variants=$product.main_variants} {/if} {/block} </div> </div> </article> {/block}
Est-ce vous comprenez d’où peut venir le problème d'affichage?
Merci beaucoup à tous.