Product listing, grid view - VIEW button

[btina]

Hi,

 

in my listing grid view some of my products show a "VIEW" button and most don't.

I cannot work out WHY, I did not find any settings that say show VIEW button, or my search online did not help me either.

 

The buttons bring the whole look and feel out of whack

http://missmolly.com.au/specials-and-sale

 

Any clues much appreciated.

[vekia]

can you please share your product-list.tpl file (the problem is probably there)

you can attach it to pastebin.com (it will be much easier for us to analyse code there)

[btina]

Hope I used Pastebin right, see below. Thanks!

 

{*

* 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

*  @version  Release: $Revision: 7457 $

*  @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)}

{assign var='nbItemsPerLine' value=3}

            {assign var='nbItemsPerLinebig' value=4}

 

{assign var='nbLi' value=$products|@count}

{math equation="nbLi/nbItemsPerLine" nbLi=$nbLi nbItemsPerLine=$nbItemsPerLine assign=nbLines}

<!-- Products list -->

 

<ul id="product_list" class="clearfix">

{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} {if $smarty.foreach.products.iteration%$nbItemsPerLine == 0}last_item_of_line mobile_no_margin{/if}  {if $smarty.foreach.products.iteration%$nbItemsPerLinebig == 0}last_item_of_line_big{/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, 'productlist')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}"  />

* {if isset($product.new) && $product.new == 1}<span class="new">{l s='New'}</span>{/if}

* </a>

                   *}   

                   

                {* --- hack to show additional images --- *}

                <a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}">

 

 

 

 

{if isset($productimg[$product.id_product]) && !empty($productimg[$product.id_product])}

     <img src="{$link->getImageLink($product.link_rewrite,$product.id_product|cat:"-"|cat:$productimg[$product.id_product].0.id_image, 'productlist')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}"   class="img_0" />

     {if isset($productimg[$product.id_product].1) && !empty($productimg[$product.id_product].1)}

      <img src="{$link->getImageLink($product.link_rewrite,$product.id_product|cat:"-"|cat:$productimg[$product.id_product].1.id_image, 'productlist')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}"   class="img_1" />

    {/if} {else} <img src="{$img_prod_dir}{$lang_iso}-default-productlist.jpg" alt="{$product.name|escape:'htmlall':'UTF-8'}" title="{$product.name|escape:'htmlall':'UTF-8'}" />{/if}

     {if isset($product.new) && $product.new == 1}<span class="new">{l s='New'}</span>{/if}

                     {if isset($product.on_sale) && $product.on_sale && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}<span class="on_sale1 {if isset($product.new) && $product.new == 1} on_sale2{/if}">{l s='On sale!'}</span>

{elseif isset($product.reduction) && $product.reduction && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}<span class="on_sale1 {if isset($product.new) && $product.new == 1} on_sale2{/if}">{l s='Reduced price!'}</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:55:'...'}</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>

                    {if isset($product.reduction) && $product.reduction}

           <span class="old_price">{convertPrice price=$product.price_without_reduction}</span>

           {/if}

                    {/if}

 

</div>

{/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'}">{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'}">{l s='Add to cart'}</a -->

{/if}

{else}

<a class="button exclusive" rel="ajax_id_product_{$product.id_product|intval}" href="{$product.link|escape:'htmlall':'UTF-8'}" title="{l s='View'}">{l s='View'}</a>

{/if}

                    {else}

                    <a class="button exclusive" rel="ajax_id_product_{$product.id_product|intval}" href="{$product.link|escape:'htmlall':'UTF-8'}" title="{l s='View'}">{l s='View'}</a>{/if}

               

</div>

</li>

{/foreach}

</ul>

<!-- /Products list -->

{/if}

[vekia]

you pasted sources here, like a simple text and it is very hard to read it. it is not formatted and syntaxt aren't higlighted.

if you will use pastebin it will be much easier to read this and to help you. now it's a nightmare

 

 

and regarding to the code,

if i were you i will move whole "view" button outside these if conditions that you've got there

<a class="button exclusive" rel="ajax_id_product_{$product.id_product|intval}" href="{$product.link|escape:'htmlall':'UTF-8'}" title="{l s='View'}">{l s='View'}</a>

for example here:

[btina]

Thank you very much @vekia. I will try and let you know. Sorry I did put it through Pastebin, and then copied across. Will learn how to use it properly. That was a bit silly then of me.

[vekia]

no worries

if you will need any assistance, just PM me with credentials to your FTP, i can change (code) for you.

[btina]

Thank you. I manage to comment it out thanks to your great instructions! Legend indeed!