[SOLVED] Product page costumization

[prestaslo]

Hi, 

 

I see that some shops have big icons on "more products in same category" module (picture 1). How can I set this? 

 

I would also like costumize product page as on picture 2. Can anyone please suggest how to set this? 

 

Best regards 

 

 

 

[vekia]

open product.tpl file located in your theme directory and:

 

1)  find code:

<ul id="usefull_link_block">
			{if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
			<li class="print"><a href="javascript:print();">{l s='Print'}</a></li>
			{if $have_image && !$jqZoomEnabled}
			{/if}
		</ul>

and move it to the <div id="pb_left_column">

2) find code:

{if isset($HOOK_PRODUCT_FOOTER) && $HOOK_PRODUCT_FOOTER}{$HOOK_PRODUCT_FOOTER}{/if}

and move it to the end of file, just paste it at the end

[prestaslo]

Thanks for reply! 

 

How I can get icons like on picture in more products from this category block? 

 

[vekia]

in this case you will need to modify of module .tpl file, you will have to use similar code to code that you use in homefeatured module

[prestaslo]

in this case you will need to modify of module .tpl file, you will have to use similar code to code that you use in homefeatured module

 

Can you please tell me what exactly I must change in template of homefeautured to get work? 

 

Best regards 

[prestaslo]

I use PrestaShop 1.5.6. and default module productcategories for display "more products from this category"...

[prestaslo]

Anyone?  

[vekia]

hello

 

sorry but im confused now, you're talking about module with "similar" products located on product page? (module that you moved to the bottom?)

[prestaslo]

hello

 

sorry but im confused now, you're talking about module with "similar" products located on product page? (module that you moved to the bottom?)

 

Yes, exactly...

 

I ask how to get the same effect on "more products from this category" block like on homefeautured block.  

Edited October 29, 2013 by prestaslo (see edit history)

[prestaslo]

What I must modify in homenewproducts module that will also work on productscategory module? 

 

homenewproducts.tpl file: http://pastebin.com/s3NcH9Yx

homenewproducts.css file: http://pastebin.com/Y2Wj2h6u

Edited October 29, 2013 by prestaslo (see edit history)

[vekia]

copy styles to productscategory.css file and in .tpl file use this code:
 

{literal}
    <script>
        $(document).ready(function(){
            $(".dropshadowclass").mouseover(function (){
              $(this).find(".poverlay").css('visibility','visible');
            });
            $(".dropshadowclass").mouseout(function (){
              $(this).find(".poverlay").css('visibility','hidden');
            });
        });
    </script>
{/literal}
<!-- MODULE Home new Products -->
<div id="featured-products_block_center" class="block products_block clearfix">
        <h4 class="title_block">{l s='New products' mod='homenewproducts'}</h4>
        {if isset($categoryProducts) AND $categoryProducts}
                <div class="block_content">
                        {assign var='liHeight' value=250}
                        {assign var='nbItemsPerLine' value=4}
                        {assign var='nbLi' value=$categoryProducts|@count}
                        {math equation="nbLi/nbItemsPerLine" nbLi=$nbLi nbItemsPerLine=$nbItemsPerLine assign=nbLines}
                        {math equation="nbLines*liHeight" nbLines=$nbLines|ceil liHeight=$liHeight assign=ulHeight}
                        <ul style="height:{$ulHeight}px;">
                        {foreach from=$categoryProducts item=product name=homeNewProducts}
                                {math equation="(total%perLine)" total=$smarty.foreach.homeNewProducts.total perLine=$nbItemsPerLine assign=totModulo}
                                {if $totModulo == 0}{assign var='totModulo' value=$nbItemsPerLine}{/if}
                                <li class="dropshadowclass 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="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="{$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}
                                {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)))}
                                {if isset($product.online_only) && $product.online_only}<span class="online_only">{l s='Online only'}</span>{/if}
                                {/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 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>
                             
                    </div>
                    <div class="poverlay">
                    <a href="#" class="product_image" style="z-index:0;">
                        <img style="display:none;" src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html'}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />
                    </a>
                        <div class="right_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}          
                            {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="cartbutton 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'}">{l s='Add to cart'}</a>
                                    {else}
                                        <a class="cartbutton 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'}">{l s='Add to cart'}</a>
                                    {/if}                      
                                {else}
                                    <span class="cartbutton exclusive">{l s='Add to cart'}</span>
                                {/if}
                            {/if}
                            <div class="viewbutton">
                            <a class="button" href="{$product.link|escape:'htmlall':'UTF-8'}" title="{l s='View'}">{l s='View'}</a>
                            </div>
                        </div>
                    </div>
                </li>
                        {/foreach}
                        </ul>
                </div>
        {else}
                <p>{l s='No new products' mod='homenewproducts'}</p>
        {/if}
</div>

[prestaslo]

Thanks, it works!  

[prestaslo]

It will have the same function as before (productscategory)? I mean it will also show products from same category? 

[vekia]

yes it will show products with the same category and of course design will be different, like in home new products 

[vekia]

thanks for your patience

im going to mark this thread as [solved]

[prestaslo]

Thank you verry much! 

[prestaslo]

open product.tpl file located in your theme directory and:

 

1)  find code:

<ul id="usefull_link_block">
			{if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
			<li class="print"><a href="javascript:print();">{l s='Print'}</a></li>
			{if $have_image && !$jqZoomEnabled}
			{/if}
		</ul>

and move it to the <div id="pb_left_column">

2) find code:

{if isset($HOOK_PRODUCT_FOOTER) && $HOOK_PRODUCT_FOOTER}{$HOOK_PRODUCT_FOOTER}{/if}

and move it to the end of file, just paste it at the end

 

How can I get this in one line as on picture instead of one per line? 

[vekia]

one per line? on picture? what you mean, can you explain please?

[prestaslo]

I mean this: