[SOLVED] Remove image from product line

[Davidh]

I sell ink cartridges and have hundreds of products. How do I remove the image from the product pages?

My site is : www.aftermarketcartridges.com

[rocky]

To remove the images from the product page, you will need to edit product.tpl and change lines 98-137 from:

<!-- right infos-->

   <!-- product img-->

   {if $have_image}
           <img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large')}" {if $jqZoomEnabled}class="jqzoom" alt="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox')}"{else} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" {/if} id="bigpic"/>
   {else}
       <img src="{$img_prod_dir}{$lang_iso}-default-large.jpg" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" />
   {/if}


   {if count($images) > 0}
   <!-- thumbnails -->

   {if count($images) > 3}<a id="view_scroll_left" class="hidden" title="{l s='Other views'}" href="[removed]{ldelim}{rdelim}">{l s='Previous'}{/if}


           {foreach from=$images item=image name=thumbnails}
           {assign var=imageIds value=`$product->id`-`$image.id_image`}

               <a href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox')}" rel="other-views" class="thickbox {if $smarty.foreach.thumbnails.first}shown{/if}" title="{$image.legend|htmlspecialchars}">
getImageLink($product->link_rewrite, $imageIds, 'medium')}" alt="{$image.legend|htmlspecialchars}" height="{$mediumSize.height}" width="{$mediumSize.width}" />


           {/foreach}


   {if count($images) > 3}<a id="view_scroll_right" title="{l s='Other views'}" href="[removed]{ldelim}{rdelim}">{l s='Next'}{/if}

   {/if}
   {if count($images) > 1}
<a id="resetImages" href="{$link->getProductLink($product)}" style="display:none;" onclick="$('a#resetImages').hide('slow');return (false);">{l s='Display all pictures'}{/if}
   <!-- usefull links-->

       {if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
{l s='Print'}

       {if $have_image && !$jqZoomEnabled}
{l s='View full size'}
       {/if}

to:

<!-- right infos-->

{*    <!-- product img-->

   {if $have_image}
           <img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large')}" {if $jqZoomEnabled}class="jqzoom" alt="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox')}"{else} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" {/if} id="bigpic"/>
   {else}
       <img src="{$img_prod_dir}{$lang_iso}-default-large.jpg" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" />
   {/if}


   {if count($images) > 0}
   <!-- thumbnails -->

   {if count($images) > 3}<a id="view_scroll_left" class="hidden" title="{l s='Other views'}" href="[removed]{ldelim}{rdelim}">{l s='Previous'}{/if}


           {foreach from=$images item=image name=thumbnails}
           {assign var=imageIds value=`$product->id`-`$image.id_image`}

               <a href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox')}" rel="other-views" class="thickbox {if $smarty.foreach.thumbnails.first}shown{/if}" title="{$image.legend|htmlspecialchars}">
getImageLink($product->link_rewrite, $imageIds, 'medium')}" alt="{$image.legend|htmlspecialchars}" height="{$mediumSize.height}" width="{$mediumSize.width}" />


           {/foreach}


   {if count($images) > 3}<a id="view_scroll_right" title="{l s='Other views'}" href="[removed]{ldelim}{rdelim}">{l s='Next'}{/if}

   {/if}
   {if count($images) > 1}
<a id="resetImages" href="{$link->getProductLink($product)}" style="display:none;" onclick="$('a#resetImages').hide('slow');return (false);">{l s='Display all pictures'}{/if}
*}    <!-- usefull links-->

       {if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
{l s='Print'}

       {if $have_image && !$jqZoomEnabled}
{l s='View full size'}
       {/if}

[rocky]

and to remove the product images from the listing pages, you will need to change line 7 of product-list.tpl in your theme's directory from:

<a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}">getImageLink($product.link_rewrite, $product.id_image, 'home')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" />

to:

{*<a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}">getImageLink($product.link_rewrite, $product.id_image, 'home')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" />*}

[Davidh]

Thanks Rocky, the second one did the trick.

[pepekmentul]

To remove the images from the product page, you will need to edit product.tpl and change lines 98-137 from:

<!-- right infos-->

   <!-- product img-->

   {if $have_image}
           <img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large')}" {if $jqZoomEnabled}class="jqzoom" alt="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox')}"{else} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" {/if} id="bigpic"/>
   {else}
       <img src="{$img_prod_dir}{$lang_iso}-default-large.jpg" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" />
   {/if}


   {if count($images) > 0}
   <!-- thumbnails -->

   {if count($images) > 3}<a id="view_scroll_left" class="hidden" title="{l s='Other views'}" href="[removed]{ldelim}{rdelim}">{l s='Previous'}{/if}


           {foreach from=$images item=image name=thumbnails}
           {assign var=imageIds value=`$product->id`-`$image.id_image`}

               <a href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox')}" rel="other-views" class="thickbox {if $smarty.foreach.thumbnails.first}shown{/if}" title="{$image.legend|htmlspecialchars}">
getImageLink($product->link_rewrite, $imageIds, 'medium')}" alt="{$image.legend|htmlspecialchars}" height="{$mediumSize.height}" width="{$mediumSize.width}" />


           {/foreach}


   {if count($images) > 3}<a id="view_scroll_right" title="{l s='Other views'}" href="[removed]{ldelim}{rdelim}">{l s='Next'}{/if}

   {/if}
   {if count($images) > 1}
<a id="resetImages" href="{$link->getProductLink($product)}" style="display:none;" onclick="$('a#resetImages').hide('slow');return (false);">{l s='Display all pictures'}{/if}
   <!-- usefull links-->

       {if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
{l s='Print'}

       {if $have_image && !$jqZoomEnabled}
{l s='View full size'}
       {/if}

to:

<!-- right infos-->

{*    <!-- product img-->

   {if $have_image}
           <img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large')}" {if $jqZoomEnabled}class="jqzoom" alt="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox')}"{else} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" {/if} id="bigpic"/>
   {else}
       <img src="{$img_prod_dir}{$lang_iso}-default-large.jpg" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" />
   {/if}


   {if count($images) > 0}
   <!-- thumbnails -->

   {if count($images) > 3}<a id="view_scroll_left" class="hidden" title="{l s='Other views'}" href="[removed]{ldelim}{rdelim}">{l s='Previous'}{/if}


           {foreach from=$images item=image name=thumbnails}
           {assign var=imageIds value=`$product->id`-`$image.id_image`}

               <a href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox')}" rel="other-views" class="thickbox {if $smarty.foreach.thumbnails.first}shown{/if}" title="{$image.legend|htmlspecialchars}">
getImageLink($product->link_rewrite, $imageIds, 'medium')}" alt="{$image.legend|htmlspecialchars}" height="{$mediumSize.height}" width="{$mediumSize.width}" />


           {/foreach}


   {if count($images) > 3}<a id="view_scroll_right" title="{l s='Other views'}" href="[removed]{ldelim}{rdelim}">{l s='Next'}{/if}

   {/if}
   {if count($images) > 1}
<a id="resetImages" href="{$link->getProductLink($product)}" style="display:none;" onclick="$('a#resetImages').hide('slow');return (false);">{l s='Display all pictures'}{/if}
*}    <!-- usefull links-->

       {if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
{l s='Print'}

       {if $have_image && !$jqZoomEnabled}
{l s='View full size'}
       {/if}

if i want to put the product name under the product pic, how can i do that? i will only use pic and product name.

[rocky]

Edit product.tpl in your theme's directory and move line 123 (in PrestaShop v1.3.6):

{$product->name|escape:'htmlall':'UTF-8'}

down to just above line 178:

<!-- usefull links-->

[pepekmentul]

Edit product.tpl in your theme's directory and move line 123 (in PrestaShop v1.3.6):

{$product->name|escape:'htmlall':'UTF-8'}

down to just above line 178:

<!-- usefull links-->

thank you rocky rock

[ScubaLessonsInc]

I just want a list view.. have items like 300 with no images.. don't want a list of Product image not found..

Tried the second method for list view but not working in Prestashop 1.4 any other suggestions?