Search the Community

Hi All, I don't have a lot of experience in Jquery and PHP but I'm trying the achieve to change list of products page in order to be shown as a table. First of all, I modified the list of products as a list (not grid), after that I modified the file product.tpl of "prestashop_1.7.3.0\themes\classic\templates\catalog\_partials\miniatures" folder adding the following code (I've followed a post explaining how and where add this code) to add a cart button and quantity selector in order to offer the user to add to cart from the list of product page: <div class="clearfix atc_div"> <input name="qty" type="text" class="form-control atc_qty" value="1" onfocus="if(this.value == '1') this.value = '';" onblur="if(this.value == '') this.value = '1';"/> <button class="add_to_cart btn btn-primary btn-sm" onclick="mypresta_productListCart.add({literal}$(this){/literal});"> <i class="material-icons">add_shopping_cart</i>{l s='Add to cart' d='Shop.Theme.Actions'} </button> </div> Second, I tried to put the product information (product name, product description, price, quantity and cart) inside a row (<tr>) of a table (<table>) in order to shown all these information horizontal align instead of vertical. The information is shown as I want but the problem is that when I put the above code inside a table the block-cart modal (pop-up) is launched empty (without product information and thumbnail). When I leave the code without put it inside a table the block-cart modal pop-up is lauched correctly with product information. Could you help with that issue? Best regards, Marc

Bonjour à tous, J'aimerai remplacer sur la page d’accueil et des catégories le texte "panier" par une image (le thème dont je pars est matrice). Après un long bricolage (je suis tout juste débutant), j'ai réussi à obtenir ce que je voulais en modifiant les fichiers product-list.tpl: <a class="ajax_add_to_cart_button" rel="ajax_id_product_{$product.id_product|intval}" href="{$link->getPageLink('cart.php')}?add&id_product={$product.id_product|intval}{if isset($static_token)}&token={$static_token}{/if}"<img src="/img/addcartsmall.jpg" width="55" height="15" align="baseline" /></a> et le globall.css. ici: #center_column .products_block a.ajax_add_to_cart_button { width: 55px; height: 15px; background-image: url(/img/addcartsmallhover.jpg); padding: 0 55px 3px 0px; } #center_column .products_block a:hover.ajax_add_to_cart_button { width: 55px; height: 15px; background-image: url(/img/addcartsmall.jpg); padding: 0 55px 3px 0px; } et ici: #center_column .categorie_product a.ajax_add_to_cart_button { width: 55px; height: 15px; background-image: url(/img/addcartsmallhover.jpg); padding: 0 55px 3px 0px; } #center_column .categorie_product a:hover.ajax_add_to_cart_button { width: 55px; height: 15px; background-image: url(/img/addcartsmall.jpg); padding: 0 55px 3px 0px; Mais c'est du bricolage qui fonctionne avec firefox, ie et chrome sur mon pc, mais plus du tout à partir d'un safari sur mac. Donc voilà: pourriez vous m'aider à faire du travail de pro 2 images pour se rendre compte et les fichier modifiés en pj. Merci de votre aide fichier modif.zip