Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

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

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 01-05-2009, 01:44 PM
  WhiteDoveGifts's Avatar 
WhiteDoveGifts WhiteDoveGifts is offline
 

X-Adept
  
Join Date: Oct 2006
Location: Maarssen, The Netherlands
Posts: 474
 

Question 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.
Attached Thumbnails
Click image for larger version

Name:	product.JPG
Views:	127
Size:	52.7 KB
ID:	1306  
__________________
____________________________
X-Cart Gold 4.1.10

EWD Hosting | CDSEO Pro | One Page Checkout | Smart Search | Telafirma Dynamic Images | X-AOM | Product Importer Pro and many custom mods and tweaks found here...
Reply With Quote
  #2  
Old 01-05-2009, 03:03 PM
  ARW VISIONS's Avatar 
ARW VISIONS ARW VISIONS is offline
 

X-Man
  
Join Date: Jan 2007
Location: Pensacola, FL
Posts: 2,536
 

Default 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.
__________________
xcart 5.1.2
Reply With Quote
  #3  
Old 01-05-2009, 09:23 PM
  WhiteDoveGifts's Avatar 
WhiteDoveGifts WhiteDoveGifts is offline
 

X-Adept
  
Join Date: Oct 2006
Location: Maarssen, The Netherlands
Posts: 474
 

Default 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
__________________
____________________________
X-Cart Gold 4.1.10

EWD Hosting | CDSEO Pro | One Page Checkout | Smart Search | Telafirma Dynamic Images | X-AOM | Product Importer Pro and many custom mods and tweaks found here...
Reply With Quote
  #4  
Old 01-05-2009, 09:57 PM
  ARW VISIONS's Avatar 
ARW VISIONS ARW VISIONS is offline
 

X-Man
  
Join Date: Jan 2007
Location: Pensacola, FL
Posts: 2,536
 

Default 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}
__________________
xcart 5.1.2
Reply With Quote
  #5  
Old 01-06-2009, 12:42 PM
  WhiteDoveGifts's Avatar 
WhiteDoveGifts WhiteDoveGifts is offline
 

X-Adept
  
Join Date: Oct 2006
Location: Maarssen, The Netherlands
Posts: 474
 

Default 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
Attached Thumbnails
Click image for larger version

Name:	product.JPG
Views:	120
Size:	44.4 KB
ID:	1312  
__________________
____________________________
X-Cart Gold 4.1.10

EWD Hosting | CDSEO Pro | One Page Checkout | Smart Search | Telafirma Dynamic Images | X-AOM | Product Importer Pro and many custom mods and tweaks found here...
Reply With Quote
  #6  
Old 01-06-2009, 12:47 PM
  ARW VISIONS's Avatar 
ARW VISIONS ARW VISIONS is offline
 

X-Man
  
Join Date: Jan 2007
Location: Pensacola, FL
Posts: 2,536
 

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

you wanna just send me the file. do I still ahve FTP access?
__________________
xcart 5.1.2
Reply With Quote
  #7  
Old 01-06-2009, 01:03 PM
  ARW VISIONS's Avatar 
ARW VISIONS ARW VISIONS is offline
 

X-Man
  
Join Date: Jan 2007
Location: Pensacola, FL
Posts: 2,536
 

Default 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.
__________________
xcart 5.1.2
Reply With Quote
  #8  
Old 01-06-2009, 01:21 PM
  WhiteDoveGifts's Avatar 
WhiteDoveGifts WhiteDoveGifts is offline
 

X-Adept
  
Join Date: Oct 2006
Location: Maarssen, The Netherlands
Posts: 474
 

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

Quote:
Originally Posted by Ashley
you wanna just send me the file. do I still ahve FTP access?

Just sent you a PM with the details Thanks again mate
__________________
____________________________
X-Cart Gold 4.1.10

EWD Hosting | CDSEO Pro | One Page Checkout | Smart Search | Telafirma Dynamic Images | X-AOM | Product Importer Pro and many custom mods and tweaks found here...
Reply With Quote
  #9  
Old 01-06-2009, 01:22 PM
  WhiteDoveGifts's Avatar 
WhiteDoveGifts WhiteDoveGifts is offline
 

X-Adept
  
Join Date: Oct 2006
Location: Maarssen, The Netherlands
Posts: 474
 

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

Quote:
Originally Posted by Ashley
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.

I will give it a try...
__________________
____________________________
X-Cart Gold 4.1.10

EWD Hosting | CDSEO Pro | One Page Checkout | Smart Search | Telafirma Dynamic Images | X-AOM | Product Importer Pro and many custom mods and tweaks found here...
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 02:59 PM.

   

 
X-Cart forums © 2001-2020