How do I "swap" the product description with the details?
 

Hi everyone,

I am selling books and cd's/dvd's with fairly long descriptions and want to move the description underneath the product image and move the product details up right from the image. I have tried to move the code in my product.tpl with no luck.

Here's a screenshot from one of my product pages. The goal is to keep the price and add to cart button above the fold with these long descriptions.

Re: How do I "swap" the product description with the details?
 

do you want to do it for al products or just the CDs? I can do this for you if you like.

Re: How do I "swap" the product description with the details?
 

Hi Ashley,

This would be needed for all the products. It's basically moving the descriptions downwards and moving the product details upwards. It's probably simple but I just don't get it. :)

Nico

Re: How do I "swap" the product description with the details?
 

in product.tpl find this

{if $product.fulldescr ne ""}{$product.fulldescr}{else}{$product.descr}{ /if}

then find this

{if $active_modules.Magnifier ne "" && $config.Magnifier.magnifier_image_popup eq 'Y' && $zoomer_images ne '' && $js_enabled eq 'Y'}
{include file="modules/Magnifier/popup_magnifier.tpl"}
{/if}

cut the first section and put it under the last {/if} so you have this

{if $active_modules.Magnifier ne "" && $config.Magnifier.magnifier_image_popup eq 'Y' && $zoomer_images ne '' && $js_enabled eq 'Y'}
{include file="modules/Magnifier/popup_magnifier.tpl"}
{/if}

<br />< br />

{if $product.fulldescr ne ""}{$product.fulldescr}{else}{$product.descr}{ /if}

Re: How do I "swap" the product description with the details?
 

Thanks so far Ash! I managed to get the description below but needed to put the descr. details code line just above my tabs menu to make it show:

<input type="hidden" name="productid" value="{$product.productid}" />
<input type="hidden" name="cat" value="{$smarty.get.cat|escape:"html"}" />
<input type="hidden" name="page" value="{$smarty.get.page|escape:"html"}" />
</form>
{/capture}
{include file="dialog.tpl" title=$product.producttitle content=$smarty.capture.dialog extra='width="100%"'}
{if $product.fulldescr ne ""}{$product.fulldescr}{else}{$product.descr}{ /if}


You can see the results in the picture. What's still needed is to move up the description text a little (+/- 2 cm) and add equal paddings above and below.

The whole "Details" section needs to move a little upwards, aligning with the Title and also moved a bit to the right, leaving more space between the image and the section.

Last question: Can it hurt to leave the empty table where the {if $product.fulldescr ne ""}{$product.fulldescr}{else}{$product.descr}{ /if} line used to be in?

Cheers

Re: How do I "swap" the product description with the details?
 

you wanna just send me the file. do I still ahve FTP access?

Re: How do I "swap" the product description with the details?
 

to add spacing between the product pic and the details add some right padding to this class PImgBox

PImgBox{

padding-right:25px;

}

to move detaills up look for any stray <br /> or <p> tags. ALos remove any unnecessary tabke rows. if you din;t when you copied the description code.

Re: How do I "swap" the product description with the details?
 

Just sent you a PM with the details :) Thanks again mate

Re: How do I "swap" the product description with the details?
 

I will give it a try... :lol: