X-Cart forums - Editing product page descrition to full width v4.4.4

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Editing product page descrition to full width v4.4.4 (https://forum.x-cart.com/showthread.php?t=61381)

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 :)

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?

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

Thanks everyone for replying....
I figure it out :)

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. :mrgreen:

Thanks,

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