Recommended products - icons in image

[jokerstar]

Hello,

 

please is there any module or something like that, which add  icon to product which I choose?

For example I created icon - recommended product, and I want add it to product list image that this product is recommended by our eshop (see picture in attachment). 

Do you have any ideas how can I do that?

 

This icon will be added to products which are recommended on my own decision.

 

 

 

[vekia]

i don't know any module for this, in addition modification like that needs:

- core change (you need to create new hook there because by default hook doesnt exist there)

[jokerstar]

Hello vekia,

thanks for quick answer, Well and is it possible do that via minibadges (that there will be text - Recommended) or smtg like that?

[vekia]

the main problem is in fact that if you want to display it  (no matter what, images, text) only for certain defined by you items you have to do customization. you can do it with module (it's necessary to develop it first)

or manually (but it will be a little hard to do it all the time)

 

for example, in product-list.tpl add this if condition:

 

{if $product.id==5}

display something, text or <img> tag

{/if}

 

you can do as many if conditions as you want, 

just change id of product.

[jokerstar]

Hi Vekia,

well I tried add condition more times but without any effect.

Please can you write me here some tutorial how exactly do that?

 

In this code

 

{if $product.id==5}

display something, text or <img> tag

{/if}

 

I have img in img/icon/recom.gif

So I want add this recom.gif to code what you write

[vekia]

example of the if condition:

{if $product.id_product==5}
<img src="http://address.to.image.com/image.jpg" />
{/if}

before i used $product.id - it's wrong, try to use $product.id_product instead

[jokerstar]

example of the if condition:

{if $product.id_product==5}
<img src="http://address.to.image.com/image.jpg" />
{/if}

before i used $product.id - it's wrong, try to use $product.id_product instead

I tried it but without any success.

 

I add this at the end of product-list.tpl

 

{if $product.id_product==6}

    <img src="http://pointersviewpoint.files.wordpress.com/2010/08/thu.jpg" /> 

{/if}

 

you can visit my training site

http://slovbunc.net76.net/prestashop/index.php?id_category=4&controller=category&id_lang=1

 

id 6 is product Belkin Leather Folio

[vekia]

i don't see code you provided on your website.

 

try to turn on force compile and turn of cache under adv. parameters

[jokerstar]

i don't see code you provided on your website.

 

try to turn on force compile and turn of cache under adv. parameters

I have this settings on this developing site

force compiling and off caching I dont know why it isnt there

[vekia]

ok, may i know where exactly you pasted this code? (can you show your code?)

[jokerstar]

sure

code is at the end:

 

 

{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} autocomplete="off"/> 

<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')|escape:'html'}" alt="{if !empty($product.legend)}{$product.legend|escape:'htmlall':'UTF-8'}{else}{$product.name|escape:'htmlall':'UTF-8'}{/if}" title="{if !empty($product.legend)}{$product.legend|escape:'htmlall':'UTF-8'}{else}{$product.name|escape:'htmlall':'UTF-8'}{/if}" {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>{if isset($product.pack_quantity) && $product.pack_quantity}{$product.pack_quantity|intval|cat:' x '}{/if}<a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.name|escape:'htmlall':'UTF-8'}">{$product.name|truncate:35:'...'|escape:'htmlall':'UTF-8'}</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}<span class="warning_inline">{l s='Out of stock'}</span>{/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=1&id_product={$product.id_product|intval}&token={$static_token}", false)|escape:'html'}" 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=1&id_product={$product.id_product|intval}", false)|escape:'html'}" 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}

 

{if $product.id_product==6}

    <img src="http://pointersviewpoint.files.wordpress.com/2010/08/thu.jpg" /> 

{/if}

[jokerstar]

vekia, can you check this code, please.

I aml lost without your help

[vekia]

 

code is at the end

this is why it doesnt appear  

you have to paste it somewhere inside {foreach} loop

 

 

paste code right after this:

<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">

[jokerstar]

 

this is why it doesnt appear  

you have to paste it somewhere inside {foreach} loop

 

 

paste code right after this:

<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">

great, now it is working, but is there any way add "image to image"? let say in upper left corner?

 

http://slovbunc.net76.net/prestashop/index.php?id_category=4&controller=category&id_lang=1

[vekia]

use this code:

<img src="http://slovbunc.net76.net/prestashop/themes/default/img/onsale_en.gif" style="
    position: absolute;
    z-index: 2;
    left: 10px;
    top: -9px;
">

as an image code + in product_list.css add position:relative; to:

#product_list li {
margin-bottom: 14px;
padding: 12px 8px;
border: 1px solid #eee;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

[jokerstar]

 

use this code:

<img src="http://slovbunc.net76.net/prestashop/themes/default/img/onsale_en.gif" style="
    position: absolute;
    z-index: 2;
    left: 10px;
    top: -9px;
">

as an image code + in product_list.css add position:relative; to:

#product_list li {
margin-bottom: 14px;
padding: 12px 8px;
border: 1px solid #eee;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

wow, you are great, thanks for your help!

[vekia]

you're welcome

i checked your website now icon appears well

 

one thing

there is still this:

 

[jokerstar]

yes it appears very well, but there is for me one more problem how can I use it for more products ID ?

 

{if $product.id_product==5}
<img src="http://address.to.image.com/image.jpg" />
{/if}

 

 

and if I want it for ID 7,8,9  what will be code?

[vekia]

use another condition in this if clause:

{if $product.id_product==5 OR $product.id_product==3 OR $product.id_product==19 OR $product.id_product==832}
<img src="http://address.to.image.com/image.jpg" />
{/if}