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

Editing product page descrition to full width v4.4.4

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 10-26-2011, 10:46 AM
  CottonAge.com's Avatar 
CottonAge.com CottonAge.com is offline
 

eXpert
  
Join Date: Jan 2008
Location: Orange County, California
Posts: 244
 

Default Editing product page descrition to full width v4.4.4

Hi, I just upgraded my xcart from v4.1.12 to v4.4.4. It works fine... but for product description page, I want to show the description to full width underneath the thumbnail and product details. I can't figure it out...

I have attached the screen shot how I want to show "current.jpg" shows the current page and "want-to-show.jpg" is how I want to show the description in full width on CottonAge.com.

Can someone please me? Thanks bunch in advance
Attached Thumbnails
Click image for larger version

Name:	current.jpg
Views:	123
Size:	170.9 KB
ID:	2753  Click image for larger version

Name:	want-to-show.jpg
Views:	129
Size:	208.1 KB
ID:	2754  
__________________
CottonAge.com - v4.4.4 - Gold
Mirko.com - v4.1.12 - Gold

We sell Bathrobes, Slippers, Towels & more at wholesale prices...
Reply With Quote
  #2  
Old 10-27-2011, 08:05 AM
  CottonAge.com's Avatar 
CottonAge.com CottonAge.com is offline
 

eXpert
  
Join Date: Jan 2008
Location: Orange County, California
Posts: 244
 

Default Re: Editing product page descrition to full width v4.4.4

Anyone??
I know I need to edit product.tpl
Code:
{* $Id: product.tpl,v 1.7.2.2 2011/03/14 08:34:17 ferz Exp $ vim: set ts=2 sw=2 sts=2 et: *} {include file="form_validation_js.tpl"} <h1>{$product.producttitle|amp}</h1> {if $product.product_type eq "C" and $active_modules.Product_Configurator} {include file="modules/Product_Configurator/pconf_customer_product.tpl"} {else} {if $config.General.ajax_add2cart eq 'Y' and $config.General.redirect_to_cart ne 'Y' and not ($smarty.cookies.robot eq 'X-Cart Catalog Generator' and $smarty.cookies.is_robot eq 'Y')} {include file="customer/ajax.add2cart.tpl" _include_once=1} <script type="text/javascript"> //<![CDATA[ {literal} $(ajax).bind( 'load', function() { var elm = $('.product-details').get(0); return elm && ajax.widgets.product(elm); } ); {/literal} //]]> </script> {/if} {capture name=dialog} <div class="product-details"> <div class="image"{if $max_image_width gt 0} style="width: {$max_image_width}px;"{/if}> {if $active_modules.Detailed_Product_Images and $config.Detailed_Product_Images.det_image_popup eq 'Y' and $images ne ''} {include file="modules/Detailed_Product_Images/widget.tpl"} {else} <div class="image-box"> {include file="product_thumbnail.tpl" productid=$product.image_id image_x=$product.image_x image_y=$product.image_y product=$product.product tmbn_url=$product.image_url id="product_thumbnail" type=$product.image_type} </div> {/if} {if $active_modules.Magnifier and $config.Magnifier.magnifier_image_popup eq 'Y' and $zoomer_images} {include file="modules/Magnifier/popup_magnifier.tpl"} {/if} </div> <div class="details"{if $max_image_width gt 0} style="margin-left: {$max_image_width}px;"{/if}> {include file="customer/main/product_details.tpl"} {if $active_modules.Feature_Comparison ne ""} {include file="modules/Feature_Comparison/product_buttons.tpl"} {/if} </div> <div class="clearing"></div> </div> {/capture} {include file="customer/dialog.tpl" title=$product.producttitle content=$smarty.capture.dialog noborder=true} {/if} {if $product_tabs} {if $show_as_tabs} {include file="customer/main/ui_tabs.tpl" prefix="product-tabs-" mode="inline" tabs=$product_tabs} {else} {foreach from=$product_tabs item=tab key=ind} {include file=$tab.tpl} {/foreach} {/if} {/if} {if $active_modules.Product_Options and ($product_options ne '' or $product_wholesale ne '') and ($product.product_type ne "C" or not $active_modules.Product_Configurator)} <script type="text/javascript"> //<![CDATA[ check_options(); //]]> </script> {/if}
And need to edit this ....
Code:
<div class="details"{if $max_image_width gt 0} style="margin-left: {$max_image_width}px;"{/if}>
and play around with this...
Sooo far that's what I figure out...
QT please help or anyone?
__________________
CottonAge.com - v4.4.4 - Gold
Mirko.com - v4.1.12 - Gold

We sell Bathrobes, Slippers, Towels & more at wholesale prices...
Reply With Quote
  #3  
Old 10-27-2011, 12:50 PM
  CottonAge.com's Avatar 
CottonAge.com CottonAge.com is offline
 

eXpert
  
Join Date: Jan 2008
Location: Orange County, California
Posts: 244
 

Default Re: Editing product page descrition to full width v4.4.4

Thanks everyone for replying....
I figure it out
__________________
CottonAge.com - v4.4.4 - Gold
Mirko.com - v4.1.12 - Gold

We sell Bathrobes, Slippers, Towels & more at wholesale prices...
Reply With Quote
  #4  
Old 10-29-2011, 09:14 AM
 
frontliner frontliner is offline
 

Advanced Member
  
Join Date: Apr 2011
Location: Mons - Belgium
Posts: 53
 

Default Re: Editing product page descrition to full width v4.4.4

Quote:
Originally Posted by bycase@sincx.com
Thanks everyone for replying....
I figure it out

Glad that you find, so please, let us know how you solve the problem... i'm personally interested to increase detailed product page lenght too.

Thanks,
__________________
X-Cart Gold v4.4.3
Reply With Quote
  #5  
Old 11-01-2011, 11:51 AM
  CottonAge.com's Avatar 
CottonAge.com CottonAge.com is offline
 

eXpert
  
Join Date: Jan 2008
Location: Orange County, California
Posts: 244
 

Default Re: Editing product page descrition to full width v4.4.4

in product.tpl locate this code
Code:
<div class="details"{if $max_image_width gt 0} style="margin-left: {$max_image_width}px;"{/if}>
and replaced it with this
Code:
<div class="details"{if $max_image_width gt 0} {/if}>
in product_details.tpl added a div class "detail-form" before <form>
Code:
.detail-form { margin-left: 150px; }


product_details.tpl ex:
Code:
<div class="detail-form"><form name="orderform" method="post" action="cart.php" onsubmit="javascript: return FormValidation(this);"> ............. .............. ........... </form> </div>


Hope this helps
__________________
CottonAge.com - v4.4.4 - Gold
Mirko.com - v4.1.12 - Gold

We sell Bathrobes, Slippers, Towels & more at wholesale prices...
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design


Thread Tools Search this Thread
Search this Thread:

Advanced Search

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 11:58 AM.

   

 
X-Cart forums © 2001-2020