Search the Community

Hi , I am newbie in prestashop 1.7.2.1. I created a module for product enquiry. In that module I have created a controller to display the grid view in the enquiry tab in Back office. But when I am opening Enquiry tab in admin panel it's giving me the following error(screenshot attached). I am also attaching my controller named AdminEnquiryController.php for refrence. apart from this can any one let me know, Is $this->fields_list will display the grid view automatically or do I need to implement this(if yes then how?) I am stucking in this, couldn't find solution. Thanks in advance,please help.

Hi there, I'm in the process of setting up a PrestaShop and I was wondering for the products page if it is possible to have the products as List View on a Desktop whilst set it so that there is a Grid View on Mobile View? This is because the products look better with more detail on a desktop with larger screen but on a smartphone would look better with just a simple Grid View. Thanks!

Greetings, As I kept on adding products to the store, the bug caught my eyes. In the product list under the defined categories, the products seem to be not following the defined order of a Grid View. If you look into my website, http://www.smartporua.com/142-fiction, you will notice that the Grid View is a little off. Every even numbered row contains only one item instead of three (that is only if the category contains 5 or more items). In addition, when you hover over an item that is in the odd numbered row, the item in the following row changes its column. I have tried to play around with the height and width of the items, and the containing divs. But I had no luck. Any idea why this might be? The store is using version: 1.6.1.5. Thanks.

Bonjour, je suis sous PS 1.6.1 J'aimerais bien afficher mes sous-catégories en liste, comme c'était le cas sous la version 1.5. Je pensais qu'il s'agit d'un réglage simple, mais je me trompe probablement. Quelqu'un peut m'aider ? merci ! Susanne

Hello, I am using Prestashop 1.5.4.1 (default theme) and wanted to add two buttons to be able to switch from grid to list view. The following is a description of how I have done it: After struggeling with few bugs in the original post, I chose to change it entirely and I am posting my entire categories and product-list files. You might gonna need button images, but I am sure you can handle it. Make a backup of your theme and files. Or just do a backup of the files I am providing here. In the categories and product compare tpl files add {include file="./grid_list_view_buttons.tpl"} where ever you want have the button. The attachment has 5 files. Put the *.css files in the theme/css folder. The tpl files in the theme folder itself. Add the image file to the theme/img folder. Good luck. gris_list.zip

Hi, all I got short description in the product list view and the grid view I edited the product-list.tpl and truncated short description to 72 characters That's fine for the grid view, but for the list view I need short description not to be truncated How can I do that? Please help Thx P.S. I am using PrestaShop 1.5.4.0

Hey, I'm wondering if anyone can assist me with this unusual issue. I've had to switch my category pages to display in list view as my images have stopped displaying on grid view. I prefer grid view but cannot use it due to the images not displaying and would be grateful if anyone could offer any suggestions on how to get them back. I've attached an image to illustrate my point and the page in question is available HERE

Hi, I'm using v1.6.0.5 with the standard theme and all was well until I went to the Modules page and noticed a long list of updates available. I clicked to update all and it all went well or so I thought. However, now the grid view on the home page and category pages no longer works as a grid, just one long column. List view appears to work correctly. Has anyone else had a similar issue? See it here Thanks for any help.

Hi everyone, by applying Milosz Myszczuk's great tutorial: http://mypresta.eu/en/art/developer/prestashop-products-list-grid-view.html, I successfully changed the product from list view to grid view. My website: http://phonepartsdirect.co.uk/gb/10-iphone-5-parts But now I have a problem. Currently the prices are relative to the product title, sometimes prices are higher, sometimes lower. I want them to be in the same line. I tried to change the price tag in product-list.css file, but failed. I can move the position of the prices lower or higher, but they are always not in the same line. Can anybody help? Many thanks. Tony

Hi All, I've followed Vekia's instructions as regards to how setting up the product list in grid view with nice shadow & overlay effect and with add to cart, view and "compare" buttons . See a link to the instructions here. When I add to cart directly from the product in grid view, the product doesn't seem to be added to the cart (the Cart block in the header still reads "empty"). However, when I check the cart, the product was added successfully ... I wonder if that's how it's supposed to be working. Please advise. Thanks! (I use version ps 1.5.6.0)

Hello all together. I made a strange experience. After activating Multishop and using the prestashop cleaner I recognized 2 Problems: change between list and grid view not possible anymore. product listing without any css. Does anybody have a tip for me how to fix that?

A client wanted to the sub categories and categories list to be in grid view and not in a list so i used the following code and placed it in the categories.css in the theme .inline_list li { border-bottom: 1px dotted #CCCCCC; float: left; height: 85px; padding: 10px 0; width: 178px; } .inline_list li .img { float: left; margin: 0 56px; } .inline_list li .cat_name { float: left; font-weight: bold; text-align: center; width: 178px; } I then removed the descriptions in the category.tpl so the list only showed the category image and name. removing <p class="cat_desc">{$subcategory.description}</p> From this: <!-- Subcategories --> <div id="subcategories"> <ul class="inline_list"> {foreach from=$subcategories item=subcategory} <li class="clearfix"> <a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}" class="img"> {if $subcategory.id_image} <img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" /> {else} <img src="{$img_cat_dir}default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" /> {/if} </a> <a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" class="cat_name">{$subcategory.name|escape:'htmlall':'UTF-8'}</a> {if $subcategory.description} <p class="cat_desc">{$subcategory.description}</p> {/if} </li> {/foreach} </ul> <br class="clear"/> </div> to: <!-- Subcategories --> <div id="subcategories"> <ul class="inline_list"> {foreach from=$subcategories item=subcategory} <li class="clearfix"> <a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}" class="img"> {if $subcategory.id_image} <img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" /> {else} <img src="{$img_cat_dir}default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" /> {/if} </a> <a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" class="cat_name">{$subcategory.name|escape:'htmlall':'UTF-8'}</a> {if $subcategory.description} {/if} </li> {/foreach} </ul> <br class="clear"/> </div> this worked for me on a non-default theme and using prestashop version 1.5.4.1 i hope this is of some help to someone

After several attempts I was not able to convert the list view to grid. Also changed several scripts....still no success. List view is the only option on my default theme ....prestashop 1.5.3.1 If someone can help me to set the above in grid view only (without option button of list view) Attached is the pic of present list view display which i dont want, and grid view which i want This is how my theme/default /product-list.tpl is reading {* * 2007-2012 PrestaShop * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (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: * http://opensource.org/licenses/afl-3.0.php * 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 <[email protected]> * @copyright 2007-2012 PrestaShop SA * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * International Registered Trademark & Property of PrestaShop SA *} {if isset($products)} <!-- Products list --> <ul id="product_list" class="clear"> {foreach from=$products item=product name=products} <li class="ajax_block_product {if $smarty.foreach.products.first}first_item{elseif $smarty.foreach.products.last}last_item{/if} {if $smarty.foreach.products.index % 2}alternate_item{else}item{/if} clearfix"> <div class="left_block"> {if isset($comparator_max_item) && $comparator_max_item} <p class="compare"> <input type="checkbox" class="comparator" id="comparator_item_{$product.id_product}" value="comparator_item_{$product.id_product}" {if isset($compareProducts) && in_array($product.id_product, $compareProducts)}checked="checked"{/if} /> <label for="comparator_item_{$product.id_product}">{l s='Select to compare'}</label> </p> {/if} </div> <div class="center_block"> <a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}"> <img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} /> {if isset($product.new) && $product.new == 1}<span class="new">{l s='New'}</span>{/if} </a> <h3><a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.name|escape:'htmlall':'UTF-8'}">{$product.name|escape:'htmlall':'UTF-8'|truncate:35:'...'}</a></h3> <p class="product_desc"><a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}" >{$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}</a></p> </div> <div class="right_block"> {if isset($product.on_sale) && $product.on_sale && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}<span class="on_sale">{l s='On sale!'}</span> {elseif isset($product.reduction) && $product.reduction && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}<span class="discount">{l s='Reduced price!'}</span>{/if} {if (!$PS_CATALOG_MODE AND ((isset($product.show_price) && $product.show_price) || (isset($product.available_for_order) && $product.available_for_order)))} <div class="content_price"> {if isset($product.show_price) && $product.show_price && !isset($restricted_country_mode)}<span class="price" style="display: inline;">{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</span><br />{/if} {if isset($product.available_for_order) && $product.available_for_order && !isset($restricted_country_mode)}<span class="availability">{if ($product.allow_oosp || $product.quantity > 0)}{l s='Available'}{elseif (isset($product.quantity_all_versions) && $product.quantity_all_versions > 0)}{l s='Product available with different options'}{else}{l s='Out of stock'}{/if}</span>{/if} </div> {if isset($product.online_only) && $product.online_only}<span class="online_only">{l s='Online only!'}</span>{/if} {/if} {if ($product.id_product_attribute == 0 || (isset($add_prod_display) && ($add_prod_display == 1))) && $product.available_for_order && !isset($restricted_country_mode) && $product.minimal_quantity <= 1 && $product.customizable != 2 && !$PS_CATALOG_MODE} {if ($product.allow_oosp || $product.quantity > 0)} {if isset($static_token)} <a class="button ajax_add_to_cart_button exclusive" rel="ajax_id_product_{$product.id_product|intval}" href="{$link->getPageLink('cart',false, NULL, "add&id_product={$product.id_product|intval}&token={$static_token}", false)}" title="{l s='Add to cart'}"><span></span>{l s='Add to cart'}</a> {else} <a class="button ajax_add_to_cart_button exclusive" rel="ajax_id_product_{$product.id_product|intval}" href="{$link->getPageLink('cart',false, NULL, "add&id_product={$product.id_product|intval}", false)}" title="{l s='Add to cart'}"><span></span>{l s='Add to cart'}</a> {/if} {else} <span class="exclusive"><span></span>{l s='Add to cart'}</span><br /> {/if} {/if} <a class="button lnk_view" href="{$product.link|escape:'htmlall':'UTF-8'}" title="{l s='View'}">{l s='View'}</a> </div> </li> {/foreach} </ul> <!-- /Products list --> {/if}

Hi I am trying to change the product list page to a grid view with 3 columns of products as described here http://mypresta.eu/en/art/developer/prestashop-products-list-grid-view.html A few things not quite right......... 1/ If i remove the Right column, on the footer.tpl ,which is what i want for the product list page, it also removes the Right column on the other pages. 2/ When i change <div id="center_column" class="grid_7 omega"> it is to wide and moves the list down below the left column 3/ If i change to grid-6 it is to narrow. 4/ Finally how do i change; the font size for the product list page the truncation of the description under the image the size of the image If someone could assist please Pete

Hi Trying to change sub-category page to grid view and a couple of issues..... 1/ When changed the text is misaligned to the image borders 2/ The image within the border is misaligned 3/ How do i make the images larger 4/ Looking for 2 rows of 2 columns As always assistance appreciated Pete

Hi all, I have read the forum. Tried some guides. But none did not work. Does anyone know how to create a grid view on my page? http://presta.simplydesign.sk/index.php?id_category=3&controller=category Files is in attachment. themes.zip

My question is a bit rudimentary...so I apologize in advance. I'm a PrestaShop newbie so I'm learning very slowly. 1. How do I increase the size of the product grid? Example: Fossil's website has the grid size I'm looking for (see attached image). Thanks!

Hello, I have created a Grid/List views following this. However, I just discovered that the pagination will not work on the Grid View section. When I press on any of the 1,2,3,... buttons, it updates the List View section but not the Grid View. So if I am on page 2 on the List View, the Gird View stays on page 1. Anyone knows how the pagination section works, and how I can apply it to the Grid View portion? Thanks

hi, does anyone can help to change subcategory to grid view??? help please

Hello developers, I found some topics about the grid view in Prestashop but those were for earlier versions.. I'm developing a theme for a customer of mine. This customer wants a grid view of the subcategories. Also the "first" subcat must be a page with 2 clickable images. How can this be realized? For more information you can PM me. Thanks in advance.

I need to get products to display as grid view for the new theme (1.4.5-prestashop). I've searched the forums but so far no one has explained how to do this with the new theme. I'd like to also do this with the subcategories so it just shows a picture and name of the category and then have the products display similar to the 'homefeatured block'. Thanks in advance for your help!

Hello everyone, since I got a lot of request for grid views, I decided to post my offer so people can easily find it. So, if you need any kind of grid view, to any kind of theme, feel free to contact me. The price is standard - 20euro. In this I include also general revise of your page, some suggestions and even some other changes that I find urgent. Also, you'll have my contact and can ask me your questions anytime (I can always find some time for making grid view, so ignore the unavailable status) All the best, Alexander

Hi, I've been searching the forums and googleing multiple times to try and find out how to change the sub-catogory from list to grid but the only entry I found dosent work. Does anybody else know any other modules or CSS edits that will allow me to change the view from list to grid? I used this guide to try and get a grid view: http://www.prestasho...ad-of-list-v14/ It hasn't worked and I will include a picture of it not working and a picture of my normal website. My website is http://www.ainaafashion.co.uk/ I am a bit of a newbie to the world of coding and prestashop so I'll need a little help setting it up. If anyone can help please do,

Is there a module or an guide on how to turn the category product listing into a griw view instead? (columns) I have search google and the forum for an answer without any luck. Im using Prestashop 1.4