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

Hi, I created an HTML Table within Product Description on Product Page. Width Size = 100%, Font-size = 80%. I created a class within global css for table formatting. The table resizing work well on comp., digital pad, and mobile but only in horizontal display. Vertical mobile display doesn't reduce table size to fit the screen width. Does anybody solved this problem? Thank you. Regards.