[SOLVED] How to add new "More details" button?

bobojan · August 19, 2013

Hi all

i am trying to add a button in short description but how do i do that :-), i want when you hit the button it scrole the page down to full description thanks all.

bobojan · August 19, 2013

Hi i dont understand what you wrote

vekia · August 20, 2013

you're talking about product page?

ps. post above was spam, i deleted it

bobojan · August 20, 2013

Hi vekia thanks yeah thats right product page

vekia · August 20, 2013

okay, one last question: what ps version? and what template? (hope that default one)

bobojan · August 20, 2013

I have the newest version 1.5.4.1. Sorry its not the default one i bought a template from TM.

vekia · August 20, 2013

try to use this code:

<p class="buttons_bottom_block"><a href="javascript:{ldelim}{rdelim}" class="button">{l s='More details'}</a></p>

and lest me know if this works, or not

bobojan · August 20, 2013

Thanks vekia where shall i put the code

vekia · August 20, 2013

to the product.tpl file located in your theme directory.

put this code there, where you want - for example - under the short description of the product.

bobojan · August 20, 2013

Thanks vekia i will try that, but i think yesterday when i looked the line where in product.tpl but it doesnt appear in the website

vekia · August 20, 2013

turn on force compilation in your adv. preferences > performance tab in back office and make sure that cache is off.

bobojan · August 20, 2013

It is turned on when i check from my iphone in admin :-)

vekia · August 20, 2013

okay, so where you pasted this code? between some {if} conditions?

bobojan · August 20, 2013

This what i have in product.tpl

{*

* 2007-2013 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to [email protected] so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <[email protected]>

* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*}

{include file="$tpl_dir./errors.tpl"}

{if $errors|@count == 0}

// <![CDATA[

// PrestaShop internal settings

var currencySign = '{$currencySign|html_entity_decode:2:"UTF-8"}';

var currencyRate = '{$currencyRate|floatval}';

var currencyFormat = '{$currencyFormat|intval}';

var currencyBlank = '{$currencyBlank|intval}';

var taxRate = {$tax_rate|floatval};

var jqZoomEnabled = {if $jqZoomEnabled}true{else}false{/if};

//JS Hook

var oosHookJsCodeFunctions = new Array();

// Parameters

var id_product = '{$product->id|intval}';

var productHasAttributes = {if isset($groups)}true{else}false{/if};

var quantitiesDisplayAllowed = {if $display_qties == 1}true{else}false{/if};

var quantityAvailable = {if $display_qties == 1 && $product->quantity}{$product->quantity}{else}0{/if};

var allowBuyWhenOutOfStock = {if $allow_oosp == 1}true{else}false{/if};

var availableNowValue = '{$product->available_now|escape:'quotes':'UTF-8'}';

var availableLaterValue = '{$product->available_later|escape:'quotes':'UTF-8'}';

var productPriceTaxExcluded = {$product->getPriceWithoutReduct(true)|default:'null'} - {$product->ecotax};

var productBasePriceTaxExcluded = {$product->base_price} - {$product->ecotax};

var reduction_percent = {if $product->specificPrice AND $product->specificPrice.reduction AND $product->specificPrice.reduction_type == 'percentage'}{$product->specificPrice.reduction*100}{else}0{/if};

var reduction_price = {if $product->specificPrice AND $product->specificPrice.reduction AND $product->specificPrice.reduction_type == 'amount'}{$product->specificPrice.reduction|floatval}{else}0{/if};

var specific_price = {if $product->specificPrice AND $product->specificPrice.price}{$product->specificPrice.price}{else}0{/if};

var product_specific_price = new Array();

{foreach from=$product->specificPrice key=key_specific_price' item='specific_price_value'}

product_specific_price['{$key_specific_price}] = '{$specific_price_value}';

{/foreach}

var specific_currency = {if $product->specificPrice AND $product->specificPrice.id_currency}true{else}false{/if};

var group_reduction = '{$group_reduction}';

var default_eco_tax = {$product->ecotax};

var ecotaxTax_rate = {$ecotaxTax_rate};

var currentDate = '{$smarty.now|date_format:'%Y-%m-%d %H:%M:%S'}';

var maxQuantityToAllowDisplayOfLastQuantityMessage = {$last_qties};

var noTaxForThisProduct = {if $no_tax == 1}true{else}false{/if};

var displayPrice = {$priceDisplay};

var productReference = '{$product->reference|escape:'htmlall':'UTF-8'}';

var productAvailableForOrder = {if (isset($restricted_country_mode) AND $restricted_country_mode) OR $PS_CATALOG_MODE}'0'{else}'{$product->available_for_order}'{/if};

var productShowPrice = '{if !$PS_CATALOG_MODE}{$product->show_price}{else}0{/if}';

var productUnitPriceRatio = '{$product->unit_price_ratio}';

var idDefaultImage = {if isset($cover.id_image_only)}{$cover.id_image_only}{else}0{/if};

var stock_management = {$stock_management|intval};

{if !isset($priceDisplayPrecision)}

{assign var='priceDisplayPrecision' value=2}

{/if}

{if !$priceDisplay || $priceDisplay == 2}

{assign var='productPrice' value=$product->getPrice(true, $smarty.const.NULL, $priceDisplayPrecision)}

{assign var='productPriceWithoutReduction' value=$product->getPriceWithoutReduct(false, $smarty.const.NULL)}

{elseif $priceDisplay == 1}

{assign var='productPrice' value=$product->getPrice(false, $smarty.const.NULL, $priceDisplayPrecision)}

{assign var='productPriceWithoutReduction' value=$product->getPriceWithoutReduct(true, $smarty.const.NULL)}

{/if}

var productPriceWithoutReduction = '{$productPriceWithoutReduction}';

var productPrice = '{$productPrice}';

// Customizable field

var img_ps_dir = '{$img_ps_dir}';

var customizationFields = new Array();

{assign var='imgIndex' value=0}

{assign var='textFieldIndex' value=0}

{foreach from=$customizationFields item='field' name='customizationFields'}

{assign var="key" value="pictures_`$product->id`_`$field.id_customization_field`"}

customizationFields[{$smarty.foreach.customizationFields.index|intval}] = new Array();

customizationFields[{$smarty.foreach.customizationFields.index|intval}][0] = '{if $field.type|intval == 0}img{$imgIndex++}{else}textField{$textFieldIndex++}{/if}';

customizationFields[{$smarty.foreach.customizationFields.index|intval}][1] = {if $field.type|intval == 0 && isset($pictures.$key) && $pictures.$key}2{else}{$field.required|intval}{/if};

{/foreach}

// Images

var img_prod_dir = '{$img_prod_dir}';

var combinationImages = new Array();

{if isset($combinationImages)}

{foreach from=$combinationImages item='combination' key='combinationId' name='f_combinationImages'}

combinationImages[{$combinationId}] = new Array();

{foreach from=$combination item='image' name='f_combinationImage'}

combinationImages[{$combinationId}][{$smarty.foreach.f_combinationImage.index}] = {$image.id_image|intval};

{/foreach}

{/if}

combinationImages[0] = new Array();

{if isset($images)}

{foreach from=$images item='image' name='f_defaultImages'}

combinationImages[0][{$smarty.foreach.f_defaultImages.index}] = {$image.id_image};

{/foreach}

{/if}

// Translations

var doesntExist = '{l s='This combination does not exist for this product. Please select another combination.' js=1}';

var doesntExistNoMore = '{l s='This product is no longer in stock' js=1}';

var doesntExistNoMoreBut = '{l s='with those attributes but is available with others.' js=1}';

var uploading_in_progress = '{l s='Uploading in progress, please be patient.' js=1}';

var fieldRequired = '{l s='Please fill in all the required fields before saving your customization.' js=1}';

{if isset($groups)}

// Combinations

{foreach from=$combinations key=idCombination item=combination}

var specific_price_combination = new Array();

var available_date = new Array();

specific_price_combination['reduction_percent'] = {if $combination.specific_price AND $combination.specific_price.reduction AND $combination.specific_price.reduction_type == 'percentage'}{$combination.specific_price.reduction*100}{else}0{/if};

specific_price_combination['reduction_price'] = {if $combination.specific_price AND $combination.specific_price.reduction AND $combination.specific_price.reduction_type == 'amount'}{$combination.specific_price.reduction}{else}0{/if};

specific_price_combination['price'] = {if $combination.specific_price AND $combination.specific_price.price}{$combination.specific_price.price}{else}0{/if};

specific_price_combination['reduction_type'] = '{if $combination.specific_price}{$combination.specific_price.reduction_type}{/if}';

specific_price_combination['id_product_attribute'] = {if $combination.specific_price}{$combination.specific_price.id_product_attribute|intval}{else}0{/if};

available_date['date'] = '{$combination.available_date}';

available_date['date_formatted'] = '{dateFormat date=$combination.available_date full=false}';

addCombination({$idCombination|intval}, new Array({$combination.list}), {$combination.quantity}, {$combination.price}, {$combination.ecotax}, {$combination.id_image}, '{$combination.reference|addslashes}', {$combination.unit_impact}, {$combination.minimal_quantity}, available_date, specific_price_combination);

{/foreach}

{/if}

{if isset($attributesCombinations)}

// Combinations attributes informations

var attributesCombinations = new Array();

{foreach from=$attributesCombinations key=id item=aC}

tabInfos = new Array();

tabInfos['id_attribute'] = '{$aC.id_attribute|intval}';

tabInfos['attribute'] = '{$aC.attribute}';

tabInfos['group'] = '{$aC.group}';

tabInfos['id_attribute_group'] = '{$aC.id_attribute_group|intval}';

attributesCombinations.push(tabInfos);

{/foreach}

{/if}

//]]>

</script>

{include file="$tpl_dir./breadcrumb.tpl"}

{if isset($adminActionDisplay) && $adminActionDisplay}

<p>{l s='This product is not visible to your customers.'}

</p>

</p>

</div>

{/if}

{if isset($confirmation) && $confirmation}

{$confirmation}

</p>

{/if}

<h1 class="pb-right-colum-h">{$product->name|escape:'htmlall':'UTF-8'}</h1>

{if $have_image}

{if $jqZoomEnabled}<a id="zoom1" rel="position: 'inside' , showTitle: false, adjustX:0, adjustY:0" class="cloud-zoom" href="{$link->getImageLink($product->link_rewrite, $cover.id_image,'thickbox_default')}">

<img id="mousetrap_img" alt="{$product->name|escape:'htmlall':'UTF-8'}" width="106" height="106" title="{$product->name|escape:'htmlall':'UTF-8'}" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox_default')}" >

<img id="bigpic" alt="{$product->name|escape:'htmlall':'UTF-8'}" title="{$product->name|escape:'htmlall':'UTF-8'}" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')}" /><span class="mask"></span>

</a>

{else}

<img id="bigpic" alt="{$product->name|escape:'htmlall':'UTF-8'}" title="{$product->name|escape:'htmlall':'UTF-8'}" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')}" />

{/if}

</span>

{else}

<img src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}" />

<span class="span_link">{l s='Maximize'}</span>

</span>

{/if}

</div>

{if isset($images) && count($images) > 0}

{if isset($images) && count($images) > 4}<a id="view_scroll_left" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">{l s='Previous'}</a>{/if}

{if isset($images)}

{foreach from=$images item=image name=thumbnails}

{assign var=imageIds value="`$product->id`-`$image.id_image`"}

{if $jqZoomEnabled}

<a href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')}" class="cloud-zoom-gallery" title="{$image.legend|htmlspecialchars}" rel="useZoom: 'zoom1', smallImage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')}'">

<img id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'medium_default')}" alt="{$image.legend|htmlspecialchars}" />

</a>

{else}

<a href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')}" rel="other-views" class="thickbox {if $smarty.foreach.thumbnails.first}shown{/if}" title="{$image.legend|htmlspecialchars}">

<img id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'medium_default')}" alt="{$image.legend|htmlspecialchars}" />

</a>

{/if}

</li>

{/foreach}

{/if}

</ul>

</div>

{if isset($images) && count($images) > 4}<a id="view_scroll_right" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">{l s='Next'}</a>{/if}

</div>

{/if}

{if isset($images) && count($images) > 1}

<a id="resetImages" href="{$link->getProductLink($product)}" onclick="$('span#wrapResetImages').hide('slow');return (false);">{l s='Display all pictures'}</a></span></p>

{/if}

{if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}

<li class="print"><a href="javascript:print();"><i class="icon-print"></i>{l s='Print'}</a></li>

</ul>

</div>

<h1>{$product->name|escape:'htmlall':'UTF-8'}</h1>

{if $product->description_short OR $packItems|@count > 0}

{if $product->description_short}

<div id="short_description_content" class="rte align_justify">{$product->description_short}</div>

{/if}

{if $product->description}

{* <p class="buttons_bottom_block"><a href="javascript:{ldelim}{rdelim}" class="button">{l s='More details'}</a></p>*}

{/if}

<!--{if $packItems|@count > 0}

<h3>{l s='Pack content'}</h3>

{foreach from=$packItems item=packItem}

{$packItem.pack_quantity} x <a href="{$link->getProductLink($packItem.id_product, $packItem.link_rewrite, $packItem.category)}">{$packItem.name|escape:'htmlall':'UTF-8'}</a>

<p>{$packItem.description_short}</p>

</div>

{/foreach}

</div>

{/if}-->

</div>

{/if}

{*{if isset($colors) && $colors}

<p>{l s='Pick a color:' js=1}</p>

{foreach from=$colors key='id_attribute' item='color'}

<li><a id="color_{$id_attribute|intval}" class="color_pick" style="background: {$color.value};" onclick="updateColorSelect({$id_attribute|intval});$('#wrapResetImages').show('slow');" title="{$color.name}">{if file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}<img src="{$img_col_dir}{$id_attribute}.jpg" alt="{$color.name}" width="20" height="20" />{/if}</a></li>

{/foreach}

</ul>

</div>

{/if}*}

{if ($product->show_price AND !isset($restricted_country_mode)) OR isset($groups) OR $product->reference OR (isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS)}

<form id="buy_block" {if $PS_CATALOG_MODE AND !isset($groups) AND $product->quantity > 0}class="hidden"{/if} action="{$link->getPageLink('cart')}" method="post">

<input type="hidden" name="id_product" value="{$product->id|intval}" id="product_page_product_id" />

</p>

<p id="availability_statut"{if ($product->quantity <= 0 && !$product->available_later && $allow_oosp) OR ($product->quantity > 0 && !$product->available_now) OR !$product->available_for_order OR $PS_CATALOG_MODE} style="display: none;"{/if}>

<span id="availability_label">{l s='Availability:'}</span>

<span id="availability_value"{if $product->quantity <= 0} class="warning_inline"{/if}>

{if $product->quantity <= 0}{if $allow_oosp}{$product->available_later}{else}{l s='This product is no longer in stock'}{/if}{else}{$product->available_now}{/if}

</span>

</p>

{if ($display_qties == 1 && !$PS_CATALOG_MODE && $product->available_for_order)}

<p id="pQuantityAvailable"{if $product->quantity <= 0} style="display: none;"{/if}>

<span id="quantityAvailable">{$product->quantity|intval}</span>

<span {if $product->quantity > 1} style="display: none;"{/if} id="quantityAvailableTxt">{l s='item in stock'}</span>

<span {if $product->quantity == 1} style="display: none;"{/if} id="quantityAvailableTxtMultiple">{l s='items in stock'}</span>

</p>

{/if}

<p class="warning_inline" id="last_quantities"{if ($product->quantity > $last_qties OR $product->quantity <= 0) OR $allow_oosp OR !$product->available_for_order OR $PS_CATALOG_MODE} style="display: none"{/if} >{l s='Warning: Last items in stock!'}</p>

<p id="product_reference" {if isset($groups) OR !$product->reference}style="display: none;"{/if}>

<label for="product_reference">{l s='Reference:'} </label>

<span class="editable">{$product->reference|escape:'htmlall':'UTF-8'}</span>

</p>

{if $product->online_only}

<span class="online_only">{l s='Online only'}</span>

{/if}

</div>

{if isset($groups)}

{foreach from=$groups key=id_attribute_group item=group}

{if $group.attributes|@count}

<label class="attribute_label" for="group_{$id_attribute_group|intval}">{$group.name|escape:'htmlall':'UTF-8'} : </label>

{assign var="groupName" value="group_$id_attribute_group"}

{if ($group.group_type == 'select')}

{foreach from=$group.attributes key=id_attribute item=group_attribute}

<option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'htmlall':'UTF-8'}">{$group_attribute|escape:'htmlall':'UTF-8'}</option>

{/foreach}

</select>

{elseif ($group.group_type == 'color')}

{assign var="default_colorpicker" value=""}

{foreach from=$group.attributes key=id_attribute item=group_attribute}

<li{if $group.default == $id_attribute} class="selected"{/if}>

{if file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}

{/if}

</a>

</li>

{if ($group.default == $id_attribute)}

{$default_colorpicker = $id_attribute}

{/if}

{/foreach}

</ul>

{elseif ($group.group_type == 'radio')}

<ul>

{foreach from=$group.attributes key=id_attribute item=group_attribute}

<li>

{$group_attribute|escape:'htmlall':'UTF-8'}</div>

</li>

{/foreach}

</ul>

{/if}

</div>

</fieldset>

{/if}

{/foreach}

</div>

{/if}

<p id="minimal_quantity_wanted_p"{if $product->minimal_quantity <= 1 OR !$product->available_for_order OR $PS_CATALOG_MODE} style="display: none;"{/if}>

{l s='This product is not sold individually. You must select at least'} <b id="minimal_quantity_label">{$product->minimal_quantity}</b> {l s='quantity for this product.'}

</p>

{if $product->minimal_quantity > 1}

checkMinimalQuantity();

</script>

{/if}

<p class="warning_inline" id="last_quantities"{if ($product->quantity > $last_qties OR $product->quantity <= 0) OR $allow_oosp OR !$product->available_for_order OR $PS_CATALOG_MODE} style="display: none"{/if} >{l s='Warning: Last items in stock!'}</p>

</div>

{if $product->show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}

<div class="row-2" {if !$product->specificPrice OR $product->specificPrice.reduction_type != 'percentage'} style="display:none;"{/if}>

<p id="reduction_percent" {if !$product->specificPrice OR $product->specificPrice.reduction_type != 'percentage'} style="display:none;"{/if}><span id="reduction_percent_display" class="price">{if $product->specificPrice AND $product->specificPrice.reduction_type == 'percentage'}-{$product->specificPrice.reduction*100}%{/if}</span></p>

<p id="reduction_amount" {if !$product->specificPrice OR $product->specificPrice.reduction_type != 'amount' || $product->specificPrice.reduction|intval ==0} style="display:none"{/if}><span id="reduction_amount_display" class="price">{if $product->specificPrice AND $product->specificPrice.reduction_type == 'amount' && $product->specificPrice.reduction|intval !=0}-{convertPrice price=$product->specificPrice.reduction|floatval}{/if}</span></p>

{if $product->specificPrice AND $product->specificPrice.reduction && $product->specificPrice.reduction > 0}

{if $priceDisplay >= 0 && $priceDisplay <= 2}

{if $productPriceWithoutReduction > $productPrice}

<span id="old_price_display price">{convertPrice price=$productPriceWithoutReduction}</span>

<!-- {if $tax_enabled && $display_tax_label == 1}

{if $priceDisplay == 1}{l s='tax excl.'}{else}{l s='tax incl.'}{/if}

{/if} -->

{/if}

</span>

</p>

{/if}

{if $product->on_sale}

{elseif $product->specificPrice AND $product->specificPrice.reduction AND $productPriceWithoutReduction > $productPrice}

<span class="discount">{l s='Reduced price!'}</span>

{/if}

</div>

{if $priceDisplay >= 0 && $priceDisplay <= 2}

<span id="our_price_display">{convertPrice price=$productPrice}</span>

<!--{if $tax_enabled && ((isset($display_tax_label) && $display_tax_label == 1) OR !isset($display_tax_label))}

{if $priceDisplay == 1}{l s='tax excl.'}{else}{l s='tax incl.'}{/if}

{/if}-->

{/if}

</p>

{if (!$allow_oosp && $product->quantity <= 0) OR !$product->available_for_order OR (isset($restricted_country_mode) AND $restricted_country_mode) OR $PS_CATALOG_MODE}

{l s='Add to cart'}

</span>

{else}

{l s='Add to cart'}

</span>

</p>

{/if}

<p id="quantity_wanted_p"{if (!$allow_oosp && $product->quantity <= 0) OR $virtual OR !$product->available_for_order OR $PS_CATALOG_MODE} style="display: none;"{/if}>

<input type="text" name="qty" id="quantity_wanted" class="text" value="{if isset($quantityBackup)}{$quantityBackup|intval}{else}{if $product->minimal_quantity > 1}{$product->minimal_quantity}{else}1{/if}{/if}" size="2" maxlength="3" {if $product->minimal_quantity > 1}onkeyup="checkMinimalQuantity({$product->minimal_quantity});"{/if} />

<label>{l s='Quantity:'}</label>

</p>

</div>

{if $priceDisplay == 2}

<span id="pretaxe_price"><span id="pretaxe_price_display">{convertPrice price=$product->getPrice(false, $smarty.const.NULL)}</span> {l s='tax excl.'}</span>

{/if}

{if $packItems|@count && $productPrice < $product->getNoPackPrice()}

<p class="pack_price">{l s='Instead of'} <span class="price" style="text-decoration: line-through;">{convertPrice price=$product->getNoPackPrice()}</span></p>

{/if}

{if $product->ecotax != 0}

<p class="price-ecotax">{l s='include'} <span id="ecotax_price_display">{if $priceDisplay == 2}{$ecotax_tax_exc|convertAndFormatPrice}{else}{$ecotax_tax_inc|convertAndFormatPrice}{/if}</span> {l s='for green tax'}

{if $product->specificPrice AND $product->specificPrice.reduction}

<br />{l s='(not impacted by the discount)'}

{/if}

</p>

{/if}

{if !empty($product->unity) && $product->unit_price_ratio > 0.000000}

{math equation="pprice / punit_price" pprice=$productPrice punit_price=$product->unit_price_ratio assign=unit_price}

<p class="unit-price"><span id="unit_price_display">{convertPrice price=$unit_price}</span> {l s='per'} {$product->unity|escape:'htmlall':'UTF-8'}</p>

{/if}

</div>

{/if}

</div>

<p id="oosHook"{if $product->quantity > 0} style="display: none;"{/if}>

{$HOOK_PRODUCT_OOS}

</p>

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

</form>

{/if}

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

</div>

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

{if (isset($quantity_discounts) && count($quantity_discounts) > 0)}

$(function() {

$('#quantityDiscount table').footable();

breakpoints: {

phone: 480

}

});

</script>

<h3 class="toggle">{l s='Sliding scale pricing'}<i class="icon-toggle icon-minus-sign-alt"></i></h3>

<thead>

<tr>

<th data-class="expand">{l s='Product'}</th>

<th data-hide="phone">{l s='Discount'}</th>

</tr>

</thead>

<tbody>

{foreach from=$quantity_discounts item='quantity_discount' name='quantity_discounts'}

<td>

{if (isset($quantity_discount.attributes) && ($quantity_discount.attributes))}

{$product->getProductName($quantity_discount.id_product, $quantity_discount.id_product_attribute)}

{else}

{$product->getProductName($quantity_discount.id_product)}

{/if}

</td>

<td>{$quantity_discount.quantity|intval}</td>

<td>

{if $quantity_discount.price >= 0 OR $quantity_discount.reduction_type == 'amount'}

-{convertPrice price=$quantity_discount.real_value|floatval}

{else}

-{$quantity_discount.real_value|floatval}%

{/if}

</td>

</tr>

{/foreach}

</tbody>

</table>

</div>

</section>

{/if}

{if (isset($product) && $product->description) || (isset($features) && $features) || (isset($accessories) && $accessories) || (isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB) || (isset($attachments) && $attachments)}

{if $product->description}

{if isset($product) && $product->description}

{$product->description}

</div>

{/if}

</section>

{/if}

{if $features}

<h3 class="toggle">{l s='Data sheet'}<i class="icon-toggle icon-minus-sign-alt"></i></h3>

{if isset($features) && $features}

{foreach from=$features item=feature}

{if isset($feature.value)}

<li><i class="icon-angle-right"></i> <span>{$feature.name|escape:'htmlall':'UTF-8'} - </span> {$feature.value|escape:'htmlall':'UTF-8'}</li>

{/if}

{/foreach}

</ul>

{/if}

</div>

</section>

{/if}

{if $attachments}

<h3 class="toggle">{l s='Download'}<i class="icon-toggle icon-minus-sign-alt"></i></h3>

{if isset($attachments) && $attachments}

{foreach from=$attachments item=attachment}

<li>

<a href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")}">

<i class="icon-angle-right"></i> {$attachment.name|escape:'htmlall':'UTF-8'}

</a>

{$attachment.description|escape:'htmlall':'UTF-8'}

</li>

{/foreach}

</ul>

{/if}

</div>

</section>

{/if}

{if isset($accessories) AND $accessories}

<h3 class="toggle">{l s='Accessories'}<i class="icon-toggle icon-minus-sign-alt"></i></h3>

{if isset($accessories) AND $accessories}

{foreach from=$accessories item=accessory name=accessories_list}

{if ($accessory.allow_oosp || (isset($accessory.quantity_all_versions) && $accessory.quantity_all_versions > 0) || $accessory.quantity > 0) AND $accessory.available_for_order AND !isset($restricted_country_mode)}

{assign var='accessoryLink' value=$link->getProductLink($accessory.id_product, $accessory.link_rewrite, $accessory.category)}

<img src="{$link->getImageLink($accessory.link_rewrite, $accessory.id_image, 'medium_default')}" alt="{$accessory.legend|escape:'htmlall':'UTF-8'}" /></a>

<h5><a class="product_link" href="{$accessoryLink|escape:'htmlall':'UTF-8'}">{$accessory.name|truncate:22:'...':true|escape:'htmlall':'UTF-8'}</a></h5>

<p class="product_descr" class="product_description">{$accessory.description_short|strip_tags|truncate:170:'...'}</p>

</div>

{if $accessory.show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}<span class="price">{if $priceDisplay != 1}{displayWtPrice p=$accessory.price}{else}{displayWtPrice p=$accessory.price_tax_exc}{/if}</span>{/if}

{if !$PS_CATALOG_MODE && ($accessory.allow_oosp || $accessory.quantity > 0)}

<a class="exclusive button ajax_add_to_cart_button btn_add_cart" href="{$link->getPageLink('cart', true, NULL, "qty=1&id_product={$accessory.id_product|intval}&token={$static_token}&add")}" rel="ajax_id_product_{$accessory.id_product|intval}" title="{l s='Add to cart'}"><span>{l s='Add to cart'}</span></a>

{else}

{if (isset($accessory.quantity_all_versions) && $accessory.quantity_all_versions > 0)}{l s='Product available with different options'}{else}{l s='Out of stock'}{/if}

</span>

{/if}

</div>

</li>

{/if}

{/foreach}

</ul>

{/if}

</section>

{/if}

{if isset($product) && $product->customizable}

<h3>{l s='Product customization'}<i class="icon-toggle icon-minus-sign-alt"></i></h3>

{l s='After saving your customized product, remember to add it to your cart.'}

{if $product->uploadable_files}<br />{l s='Allowed file formats are: GIF, JPG, PNG'}{/if}

</p>

{if $product->uploadable_files|intval}

<h2><span>{l s='Pictures'}</span></h2>

{counter start=0 assign='customizationField'}

{foreach from=$customizationFields item='field' name='customizationFields'}

{if $field.type == 0}

<li class="customizationUploadLine{if $field.required} required{/if}">{assign var='key' value='pictures_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}

{if isset($pictures.$key)}

<a class="btn btn-danger" href="{$link->getProductDeletePictureLink($product, $field.id_customization_field)}" title="{l s='Delete'}" ><i class="icon-trash icon-large"></i>{l s='Delete'}

</a>

</div>

{/if}

<label class="customizationUploadBrowseDescription">{if !empty($field.name)}{$field.name}{else}{l s='Please select an image file from your computer'}{/if}{if $field.required}<sup>*</sup>{/if}</label>

</div>

</li>

{counter}

{/if}

{/foreach}

</ul>

</div>

{/if}

{if $product->text_fields|intval}

{counter start=0 assign='customizationField'}

{foreach from=$customizationFields item='field' name='customizationFields'}

{if $field.type == 1}

<label for ="textField{$customizationField}">{assign var='key' value='textFields_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field} {if !empty($field.name)}{$field.name}{/if}{if $field.required}<sup>*</sup>{/if}</label>

<textarea type="text" name="textField{$field.id_customization_field}" id="textField{$customizationField}" rows="1" cols="40" class="customization_block_input" >{if isset($textFields.$key)}{$textFields.$key|stripslashes}{/if}</textarea>

</li>

{counter}

{/if}

{/foreach}

</ul>

</div>

{/if}

</p><p class="required"><sup>*</sup> {l s='required fields'}</p>

</form>

</div>

</section>

{/if}

{$HOOK_PRODUCT_TAB}

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

</div>

</section>

{/if}

</div>

{if isset($packItems) && $packItems|@count > 0}

<h3 class="toggle">{l s='Pack content'}<i class="icon-toggle icon-minus-sign-alt"></i></h3>

{include file="$tpl_dir./product-list.tpl" products=$packItems}

</div>

</section>

{/if}

vekia · August 20, 2013

the answer is simple, you've got: {* *} comments tag there

so the code doesn't appear well. Remove comments tag.

{* <p class="buttons_bottom_block"><a href="javascript:{ldelim}{rdelim}" class="button">{l s='More details'}</a></p>*}

bobojan · August 20, 2013

Thanks vekia now it shows up but when i hit the button it doesnt go down to more

vekia · August 20, 2013

okay, in this case you have to add this code:

//catch the click on the "more infos" button at the top of the page
$('#short_description_block .button').click(function(){
 $('#more_info_tab_more_info').click();
 $.scrollTo( '#more_info_tabs', 1200 );
});

to the product.js file located in themes/your_theme/js/product.js

(i don't know your theme but i suppose that it uses this file)

bobojan · August 20, 2013

Thia is my js.

/*

* 2007-2013 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to [email protected] so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <[email protected]>

* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*/

//global variables

var combinations = [];

var selectedCombination = [];

var globalQuantity = 0;

var colors = [];

//check if a function exists

function function_exists(function_name)

{

if (typeof function_name == 'string')

return (typeof window[function_name] == 'function');

return (function_name instanceof Function);

}

//execute oosHook js code

function oosHookJsCode()

{

for (var i = 0; i < oosHookJsCodeFunctions.length; i++)

{

if (function_exists(oosHookJsCodeFunctions))

setTimeout(oosHookJsCodeFunctions + '()', 0);

}

//add a combination of attributes in the global JS sytem

function addCombination(idCombination, arrayOfIdAttributes, quantity, price, ecotax, id_image, reference, unit_price, minimal_quantity, available_date, combination_specific_price)

{

globalQuantity += quantity;

var combination = [];

combination['idCombination'] = idCombination;

combination['quantity'] = quantity;

combination['idsAttributes'] = arrayOfIdAttributes;

combination['price'] = price;

combination['ecotax'] = ecotax;

combination['image'] = id_image;

combination['reference'] = reference;

combination['unit_price'] = unit_price;

combination['minimal_quantity'] = minimal_quantity;

combination['available_date'] = [];

combination['available_date'] = available_date;

combination['specific_price'] = [];

combination['specific_price'] = combination_specific_price;

combinations.push(combination);

}

// search the combinations' case of attributes and update displaying of availability, prices, ecotax, and image

function findCombination(firstTime)

{

$('#minimal_quantity_wanted_p').fadeOut();

$('#quantity_wanted').val(1);

//create a temporary 'choice' array containing the choices of the customer

var choice = [];

$('#attributes select, #attributes input[type=hidden], #attributes input[type=radio]:checked').each(function(){

choice.push($(this).val());

});

//testing every combination to find the conbination's attributes' case of the user

for (var combination = 0; combination < combinations.length; ++combination)

{

//verify if this combinaison is the same that the user's choice

var combinationMatchForm = true;

$.each(combinations[combination]['idsAttributes'], function(key, value)

{

if (!in_array(value, choice))

combinationMatchForm = false;

});

if (combinationMatchForm)

{

if (combinations[combination]['minimal_quantity'] > 1)

{

$('#minimal_quantity_label').html(combinations[combination]['minimal_quantity']);

$('#minimal_quantity_wanted_p').fadeIn();

$('#quantity_wanted').val(combinations[combination]['minimal_quantity']);

$('#quantity_wanted').bind('keyup', function() {checkMinimalQuantity(combinations[combination]['minimal_quantity']);});

}

//combination of the user has been found in our specifications of combinations (created in back office)

selectedCombination['unavailable'] = false;

selectedCombination['reference'] = combinations[combination]['reference'];

$('#idCombination').val(combinations[combination]['idCombination']);

//get the data of product with these attributes

quantityAvailable = combinations[combination]['quantity'];

selectedCombination['price'] = combinations[combination]['price'];

selectedCombination['unit_price'] = combinations[combination]['unit_price'];

selectedCombination['specific_price'] = combinations[combination]['specific_price'];

if (combinations[combination]['ecotax'])

selectedCombination['ecotax'] = combinations[combination]['ecotax'];

else

selectedCombination['ecotax'] = default_eco_tax;

//show the large image in relation to the selected combination

if (combinations[combination]['image'] && combinations[combination]['image'] != -1)

displayImage($('#thumb_' + combinations[combination]['image']).parent());

//show discounts values according to the selected combination

if (combinations[combination]['idCombination'] && combinations[combination]['idCombination'] > 0)

displayDiscounts(combinations[combination]['idCombination']);

//get available_date for combination product

selectedCombination['available_date'] = combinations[combination]['available_date'];

//update the display

updateDisplay();

if(typeof(firstTime) != 'undefined' && firstTime)

refreshProductImages(0);

else

refreshProductImages(combinations[combination]['idCombination']);

//leave the function because combination has been found

return;

}

//this combination doesn't exist (not created in back office)

selectedCombination['unavailable'] = true;

if (typeof(selectedCombination['available_date']) != 'undefined')

delete selectedCombination['available_date'];

updateDisplay();

}

//update display of the availability of the product AND the prices of the product

function updateDisplay()

{

var productPriceDisplay = productPrice;

var productPriceWithoutReductionDisplay = productPriceWithoutReduction;

if (!selectedCombination['unavailable'] && quantityAvailable > 0 && productAvailableForOrder == 1)

{

//show the choice of quantities

$('#quantity_wanted_p:hidden').show('slow');

//show the "add to cart" button ONLY if it was hidden

$('#add_to_cart a:hidden').show();

$('#add_to_cart > span:visible').hide();

//hide the hook out of stock

$('#oosHook').hide();

$('#availability_date').fadeOut();

//availability value management

if (availableNowValue != '')

{

//update the availability statut of the product

$('#availability_value').removeClass('warning_inline');

$('#availability_value').text(availableNowValue);

if(stock_management == 1)

$('#availability_statut:hidden').show();

}

else

$('#availability_statut:visible').hide();

//'last quantities' message management

if (!allowBuyWhenOutOfStock)

{

if (quantityAvailable <= maxQuantityToAllowDisplayOfLastQuantityMessage)

$('#last_quantities').show('slow');

else

$('#last_quantities').hide('slow');

}

if (quantitiesDisplayAllowed)

{

$('#pQuantityAvailable:hidden').show('slow');

$('#quantityAvailable').text(quantityAvailable);

if (quantityAvailable < 2) // we have 1 or less product in stock and need to show "item" instead of "items"

{

$('#quantityAvailableTxt').show();

$('#quantityAvailableTxtMultiple').hide();

}

else

{

$('#quantityAvailableTxt').hide();

$('#quantityAvailableTxtMultiple').show();

}

else

{

//show the hook out of stock

if (productAvailableForOrder == 1)

{

$('#oosHook').show();

if ($('#oosHook').length > 0 && function_exists('oosHookJsCode'))

oosHookJsCode();

}

//hide 'last quantities' message if it was previously visible

$('#last_quantities:visible').hide('slow');

//hide the quantity of pieces if it was previously visible

$('#pQuantityAvailable:visible').hide('slow');

//hide the choice of quantities

if (!allowBuyWhenOutOfStock)

$('#quantity_wanted_p:visible').hide('slow');

//display that the product is unavailable with theses attributes

if (!selectedCombination['unavailable'])

$('#availability_value').text(doesntExistNoMore + (globalQuantity > 0 ? ' ' + doesntExistNoMoreBut : '')).addClass('warning_inline');

else

{

$('#availability_value').text(doesntExist).addClass('warning_inline');

$('#oosHook').hide();

}

if(stock_management == 1 && !allowBuyWhenOutOfStock)

$('#availability_statut:hidden').show();

if (typeof(selectedCombination['available_date']) != 'undefined' && selectedCombination['available_date']['date'].length != 0)

{

var available_date = selectedCombination['available_date']['date'];

var tab_date = available_date.split('-');

var time_available = new Date(tab_date[0], tab_date[1], tab_date[2]);

time_available.setMonth(time_available.getMonth()-1);

var now = new Date();

if (now.getTime() < time_available.getTime() && $('#availability_date_value').text() != selectedCombination['available_date']['date_formatted'])

{

$('#availability_date').fadeOut('normal', function(){

$('#availability_date_value').text(selectedCombination['available_date']['date_formatted']);

$(this).fadeIn();

});

}

else if(now.getTime() < time_available.getTime())

$('#availability_date').fadeIn();

}

else

$('#availability_date').fadeOut();

//show the 'add to cart' button ONLY IF it's possible to buy when out of stock AND if it was previously invisible

if (allowBuyWhenOutOfStock && !selectedCombination['unavailable'] && productAvailableForOrder == 1)

{

$('#add_to_cart a:hidden').show();

$('#add_to_cart > span:visible').hide();

if (availableLaterValue != '')

{

$('#availability_value').text(availableLaterValue);

if(stock_management == 1)

$('#availability_statut:hidden').show('slow');

}

else

$('#availability_statut:visible').hide('slow');

}

else

{

$('#add_to_cart a:visible').hide();

$('#add_to_cart > span:hidden').show();

if(stock_management == 1)

$('#availability_statut:hidden').show('slow');

}

if (productAvailableForOrder == 0)

$('#availability_statut:visible').hide();

}

if (selectedCombination['reference'] || productReference)

{

if (selectedCombination['reference'])

$('#product_reference span').text(selectedCombination['reference']);

else if (productReference)

$('#product_reference span').text(productReference);

$('#product_reference:hidden').show('slow');

}

else

$('#product_reference:visible').hide('slow');

//update display of the the prices in relation to tax, discount, ecotax, and currency criteria

if (!selectedCombination['unavailable'] && productShowPrice == 1)

{

var priceTaxExclWithoutGroupReduction = '';

// retrieve price without group_reduction in order to compute the group reduction after

// the specific price discount (done in the JS in order to keep backward compatibility)

priceTaxExclWithoutGroupReduction = ps_round(productPriceTaxExcluded, 6) * (1 / group_reduction);

var tax = (taxRate / 100) + 1;

var taxExclPrice = priceTaxExclWithoutGroupReduction + (selectedCombination['price'] * currencyRate);

if (selectedCombination.specific_price && selectedCombination.specific_price['id_product_attribute'])

{

if (selectedCombination.specific_price['price'] && selectedCombination.specific_price['price'] >=0)

var taxExclPrice = (specific_currency ? selectedCombination.specific_price['price'] : selectedCombination.specific_price['price'] * currencyRate);

else

var taxExclPrice = productBasePriceTaxExcluded * currencyRate + (selectedCombination['price'] * currencyRate);

}

else if (product_specific_price.price && product_specific_price.price >= 0)

var taxExclPrice = (specific_currency ? product_specific_price.price : product_specific_price.price * currencyRate) + (selectedCombination['price'] * currencyRate);

if (!displayPrice && !noTaxForThisProduct)

productPriceDisplay = taxExclPrice * tax; // Need to be global => no var

else

productPriceDisplay = ps_round(taxExclPrice, 2); // Need to be global => no var

productPriceWithoutReductionDisplay = productPriceDisplay * group_reduction;

var reduction = 0;

if (selectedCombination['specific_price'].reduction_price || selectedCombination['specific_price'].reduction_percent)

{

reduction_price = (specific_currency ? selectedCombination['specific_price'].reduction_price : selectedCombination['specific_price'].reduction_price * currencyRate);

reduction = productPriceDisplay * (parseFloat(selectedCombination['specific_price'].reduction_percent) / 100) + reduction_price;

if (reduction_price && (displayPrice || noTaxForThisProduct))

reduction = ps_round(reduction / tax, 6);

}

else if (product_specific_price && product_specific_price.reduction)

{

if (product_specific_price.reduction_type == 'amount')

reduction_price = (specific_currency ? product_specific_price.reduction : product_specific_price.reduction * currencyRate);

else

reduction_price = 0;

if (product_specific_price.reduction_type == 'percentage')

reduction_percent = productPriceDisplay * parseFloat(product_specific_price.reduction);

reduction = reduction_price + reduction_percent;

if (reduction_price && (displayPrice || noTaxForThisProduct))

reduction = ps_round(reduction / tax, 6);

}

if (selectedCombination.specific_price)

{

if (selectedCombination['specific_price'] && selectedCombination['specific_price'].reduction_type == 'percentage')

{

$('#reduction_amount').hide();

$('#reduction_percent_display').html('-' + parseFloat(selectedCombination['specific_price'].reduction_percent) + '%');

$('#reduction_percent').show();

} else if (selectedCombination['specific_price'].reduction_type == 'amount' && selectedCombination['specific_price'].reduction_price != 0) {

$('#reduction_amount_display').html('-' + formatCurrency(reduction_price, currencyFormat, currencySign, currencyBlank));

$('#reduction_percent').hide();

$('#reduction_amount').show();

} else {

$('#reduction_percent').hide();

$('#reduction_amount').hide();

}

if (product_specific_price['reduction_type'] != '' || selectedCombination['specific_price'].reduction_type != '')

$('#discount_reduced_price,#old_price').show();

else

$('#discount_reduced_price,#old_price').hide();

if ((product_specific_price['reduction_type'] == 'percentage' && selectedCombination['specific_price'].reduction_type == 'percentage') || selectedCombination['specific_price'].reduction_type == 'percentage')

$('#reduction_percent').show();

else

$('#reduction_percent').hide();

if (product_specific_price['price'] || (selectedCombination.specific_price && selectedCombination.specific_price['price']))

$('#not_impacted_by_discount').show();

else

$('#not_impacted_by_discount').hide();

productPriceDisplay -= reduction;

var tmp = productPriceDisplay * group_reduction;

productPriceDisplay = ps_round(productPriceDisplay * group_reduction, 2);

var ecotaxAmount = !displayPrice ? ps_round(selectedCombination['ecotax'] * (1 + ecotaxTax_rate / 100), 2) : selectedCombination['ecotax'];

productPriceDisplay += ecotaxAmount;

productPriceWithoutReductionDisplay += ecotaxAmount;

var our_price = '';

if (productPriceDisplay > 0) {

our_price = formatCurrency(productPriceDisplay, currencyFormat, currencySign, currencyBlank);

} else {

our_price = formatCurrency(0, currencyFormat, currencySign, currencyBlank);

}

$('#our_price_display').text(our_price);

$('#old_price_display').text(formatCurrency(productPriceWithoutReductionDisplay, currencyFormat, currencySign, currencyBlank));

if (productPriceWithoutReductionDisplay > productPriceDisplay)

$('#old_price,#old_price_display,#old_price_display_taxes').show();

else

$('#old_price,#old_price_display,#old_price_display_taxes').hide();

// Special feature: "Display product price tax excluded on product page"

var productPricePretaxed = '';

if (!noTaxForThisProduct)

productPricePretaxed = productPriceDisplay / tax;

else

productPricePretaxed = productPriceDisplay;

$('#pretaxe_price_display').text(formatCurrency(productPricePretaxed, currencyFormat, currencySign, currencyBlank));

// Unit price

productUnitPriceRatio = parseFloat(productUnitPriceRatio);

if (productUnitPriceRatio > 0 )

{

newUnitPrice = (productPriceDisplay / parseFloat(productUnitPriceRatio)) + selectedCombination['unit_price'];

$('#unit_price_display').text(formatCurrency(newUnitPrice, currencyFormat, currencySign, currencyBlank));

}

// Ecotax

ecotaxAmount = !displayPrice ? ps_round(selectedCombination['ecotax'] * (1 + ecotaxTax_rate / 100), 2) : selectedCombination['ecotax'];

$('#ecotax_price_display').text(formatCurrency(ecotaxAmount, currencyFormat, currencySign, currencyBlank));

}

//update display of the large image

function displayImage(domAAroundImgThumb, no_animation)

{

if (typeof(no_animation) == 'undefined')

no_animation = false;

if (domAAroundImgThumb.attr('href'))

{

var newSrc = domAAroundImgThumb.attr('href').replace('thickbox', 'large');

if ($('#bigpic').attr('src') != newSrc)

{

$('#bigpic').attr('src', newSrc);

if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)

$('#bigpic').attr('rel', domAAroundImgThumb.attr('href')),

$('#zoom1').attr('href', domAAroundImgThumb.attr('href')),

$('#mousetrap_img').attr('rel', domAAroundImgThumb.attr('href')).attr('src', domAAroundImgThumb.attr('href'))

}

$('#views_block li a').removeClass('shown');

$(domAAroundImgThumb).addClass('shown');

}

//update display of the discounts table

function displayDiscounts(combination)

{

$('#quantityDiscount tbody tr').each(function() {

if (($(this).attr('id') != 'quantityDiscount_0') &&

($(this).attr('id') != 'quantityDiscount_' + combination) &&

($(this).attr('id') != 'noQuantityDiscount'))

$(this).fadeOut('slow');

});

if ($('#quantityDiscount_' + combination).length != 0)

{

$('#quantityDiscount_' + combination).show();

$('#noQuantityDiscount').hide();

}

else

$('#noQuantityDiscount').show();

}

// Serialscroll exclude option bug ?

function serialScrollFixLock(event, targeted, scrolled, items, position)

{

serialScrollNbImages = $('#thumbs_list li:visible').length;

serialScrollNbImagesDisplayed = 4;

var leftArrow = position == 0 ? true : false;

var rightArrow = position + serialScrollNbImagesDisplayed >= serialScrollNbImages ? true : false;

$('#view_scroll_left').css('cursor', leftArrow ? 'default' : 'pointer').fadeTo(0, leftArrow ? 0 : 1).css('display', leftArrow ? 'none' : 'block');

$('#view_scroll_right').css('cursor', rightArrow ? 'default' : 'pointer').fadeTo(0, rightArrow ? 0 : 1).css('display', rightArrow ? 'none' : 'block');

return true;

}

// Change the current product images regarding the combination selected

function refreshProductImages(id_product_attribute)

{

$('#thumbs_list_frame').scrollTo('li:eq(0)', 700, {axis:'x'});

id_product_attribute = parseInt(id_product_attribute);

if (id_product_attribute > 0 && typeof(combinationImages) != 'undefined' && typeof(combinationImages[id_product_attribute]) != 'undefined')

{

$('#thumbs_list li').hide();

$('#thumbs_list').trigger('goto', 0);

for (var i = 0; i < combinationImages[id_product_attribute].length; i++)

if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled) {

$('#thumbnail_' + parseInt(combinationImages[id_product_attribute])).show().children('a.shown').trigger("click");

}

else {

$('#thumbnail_' + parseInt(combinationImages[id_product_attribute])).show();

}

if (parseInt($('#thumbs_list_frame >li:visible').length) < parseInt($('#thumbs_list_frame >li').length))

$('#wrapResetImages').show('slow');

else

$('#wrapResetImages').hide('slow');

}

else

{

$('#thumbs_list li').show();

if (parseInt($('#thumbs_list_frame >li').length) == parseInt($('#thumbs_list_frame >li:visible').length))

$('#wrapResetImages').hide('slow');

}

var thumb_width = $('#thumbs_list_frame >li').width() + parseInt($('#thumbs_list_frame >li').css('marginRight'));

$('#thumbs_list_frame').width((parseInt((thumb_width) * $('#thumbs_list_frame >li').length)) + 'px');

$('#thumbs_list').trigger('goto', 0);

serialScrollFixLock('', '', '', '', 0);// SerialScroll Bug on goto 0 ?

}

//To do after loading HTML

$(document).ready(function()

{

//init the serialScroll for thumbs

$('#thumbs_list').serialScroll({

items:'li:visible',

prev:'#view_scroll_left',

next:'#view_scroll_right',

axis:'x',

offset:0,

start:0,

stop:true,

onBefore:serialScrollFixLock,

duration:700,

step: 1,

lazy: true,

lock: false,

force:false,

cycle:false

});

$('#thumbs_list').trigger('goto', 1);// SerialScroll Bug on goto 0 ?

$('#thumbs_list').trigger('goto', 0);

if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled == false) {

//hover 'other views' images management

$('#views_block li a').hover(

function(){displayImage($(this));},

function(){}

);

}

//set jqZoom parameters if needed

if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)

{

$('#bigpic').attr('rel', $('#bigpic').attr('src').replace('large', 'thickbox'));

$('#zoom1').attr('href', $('#bigpic').attr('src').replace('large', 'thickbox')),

$('#mousetrap_img').attr('rel',$('#bigpic').attr('src').replace('large', 'thickbox')).attr('src', $('#bigpic').attr('src').replace('large', 'thickbox'))

}

//add a link on the span 'view full size' and on the big image

$('#view_full_size, #image-block img').click(function(){

$('#views_block .shown').click();

});

//catch the click on the "more infos" button at the top of the page

$('#short_description_block .button').click(function(){

$('#more_info_tab_more_info').click();

$.scrollTo( '#more_info_tabs', 1200 );

});

// Hide the customization submit button and display some message

$('#customizedDatas input').click(function() {

$('#customizedDatas input').hide();

$('#ajax-loader').fadeIn();

$('#customizedDatas').append(uploading_in_progress);

});

original_url = window.location + '';

first_url_check = true;

checkUrl();

initLocationChange();

//init the price in relation of the selected attributes

if (typeof productHasAttributes != 'undefined' && productHasAttributes)

findCombination(true);

else if (typeof productHasAttributes != 'undefined' && !productHasAttributes)

refreshProductImages(0);

$('#resetImages').click(function() {

refreshProductImages(0);

});

$('.thickbox').fancybox({

'hideOnContentClick': true,

'transitionIn' : 'elastic',

'transitionOut' : 'elastic'

});

function saveCustomization()

{

$('#quantityBackup').val($('#quantity_wanted').val());

customAction = $('#customizationForm').attr('action');

$('body select[id^=group_]').each(function() {

customAction = customAction.replace(new RegExp(this.id + '=\d+'), this.id +'=' + this.value);

});

$('#customizationForm').attr('action', customAction);

$('#customizationForm').submit();

}

function submitPublishProduct(url, redirect, token)

{

var id_product = $('#admin-action-product-id').val();

$.ajaxSetup({async: false});

$.post(url + '/index.php', {

action:'publishProduct',

id_product: id_product,

status: 1,

redirect: redirect,

ajax: 1,

tab: 'AdminProducts',

token: token

},

function(data)

{

if (data.indexOf('error') === -1)

document.location.href = data;

}

);

return true;

}

function checkMinimalQuantity(minimal_quantity)

{

if ($('#quantity_wanted').val() < minimal_quantity)

{

$('#quantity_wanted').css('border', '1px solid red');

$('#minimal_quantity_wanted_p').css('color', 'red');

}

else

{

$('#quantity_wanted').css('border', '1px solid #BDC2C9');

$('#minimal_quantity_wanted_p').css('color', '#374853');

}

function colorPickerClick(elt)

{

id_attribute = $(elt).attr('id').replace('color_', '');

$(elt).parent().parent().children().removeClass('selected');

$(elt).fadeTo('fast', 1, function(){

$(this).fadeTo('fast', 0, function(){

$(this).fadeTo('fast', 1, function(){

$(this).parent().addClass('selected');

});

$(elt).parent().parent().parent().children('.color_pick_hidden,#color_pick_hidden').val(id_attribute);

findCombination(false);

}

function getProductAttribute()

{

// get product attribute id

product_attribute_id = $('#idCombination').val();

product_id = $('#product_page_product_id').val();

// get every attributes values

request = '';

//create a temporary 'tab_attributes' array containing the choices of the customer

var tab_attributes = [];

$('#attributes select, #attributes input[type=hidden], #attributes input[type=radio]:checked').each(function(){

tab_attributes.push($(this).val());

});

// build new request

for (var i in attributesCombinations)

for (var a in tab_attributes)

if (attributesCombinations['id_attribute'] === tab_attributes[a])

request += '/'+attributesCombinations['group'] + '-' + attributesCombinations['attribute'];

request = request.replace(request.substring(0, 1), '#/');

url = window.location + '';

// redirection

if (url.indexOf('#') != -1)

url = url.substring(0, url.indexOf('#'));

// set ipa to the customization form

$('#customizationForm').attr('action', $('#customizationForm').attr('action') + request)

window.location = url + request;

}

function initLocationChange(time)

{

if(!time) time = 500;

setInterval(checkUrl, time);

}

function checkUrl()

{

if (original_url != window.location || first_url_check)

{

first_url_check = false;

url = window.location + '';

// if we need to load a specific combination

if (url.indexOf('#/') != -1)

{

// get the params to fill from a "normal" url

params = url.substring(url.indexOf('#') + 1, url.length);

tabParams = params.split('/');

tabValues = [];

if (tabParams[0] == '')

tabParams.shift();

for (var i in tabParams)

tabValues.push(tabParams.split('-'));

product_id = $('#product_page_product_id').val();

// fill html with values

$('.color_pick').removeClass('selected');

$('.color_pick').parent().parent().children().removeClass('selected');

count = 0;

for (var z in tabValues)

for (var a in attributesCombinations)

if (attributesCombinations[a]['group'] === decodeURIComponent(tabValues[z][0])

&& attributesCombinations[a]['attribute'] === tabValues[z][1])

{

count++;

// add class 'selected' to the selected color

$('#color_' + attributesCombinations[a]['id_attribute']).addClass('selected');

$('#color_' + attributesCombinations[a]['id_attribute']).parent().addClass('selected');

$('input:radio[value=' + attributesCombinations[a]['id_attribute'] + ']').attr('checked', true);

$('input:hidden[name=group_' + attributesCombinations[a]['id_attribute_group'] + ']').val(attributesCombinations[a]['id_attribute']);

$('select[name=group_' + attributesCombinations[a]['id_attribute_group'] + ']').val(attributesCombinations[a]['id_attribute']);

}

// find combination

if (count >= 0)

{

findCombination(false);

original_url = url;

}

// no combination found = removing attributes from url

else

window.location = url.substring(0, url.indexOf('#'));

}

vekia · August 20, 2013

and this file is attached to your product page?

vekia · August 20, 2013

and additional question, you've got more info tab in your product page? i don't think so (i checked your code above and there is no more info tab)

bobojan · August 20, 2013

It is from product.js the file above :-) where should i put the

//catch the click on the "more infos" button at the top of the page

$('#short_description_block .button').click(function(){

$('#more_info_tab_more_info').click();

$.scrollTo( '#more_info_tabs', 1200 );

});

Thanks alot :-)

vekia · August 20, 2013

but you've got this code in your product.js file

the main problem is in fact, that you haven't got any element with #more_info_tabs in your product.tpl file

bobojan · August 20, 2013

But it got more info in products the site is ejuicy.dk :-)

vekia · August 20, 2013

but without id="#more_info_tabs"

and this is necessary

just add this id to <h3> tag , you've got it in your product.tpl file (with "more info" heading)

bobojan · August 20, 2013

Sorry sir i am confused now what and where shall i add what :-)

vekia · August 20, 2013

before the

{$HOOK_PRODUCT_TAB}

in product.tpl file add

<div id="more_info_tabs"></div>

bobojan · August 20, 2013

Thanks so much sir. But when i hit the button it scoles down to reviews i am on my iphone cause i am not in home so i can test it on computer

vekia · August 20, 2013

okay, so move the code:

<div id="more_info_tabs"></div>

a little bit above, right before the:

<section class="page_product_box toggle_frame more_info_inner">

(of course in product.tpl file)

now should work

bobojan · August 20, 2013

Thanks so much vikea you are truly the best :-)

vekia · August 20, 2013

im going to mark this topic as [solved]

hope that it works as you expected

anyway, if you will have any additional questions - feel free to continue discussion

best regards

bobojan · August 20, 2013

It is solved thanks alot sir :-). I havnt tried it on a computer but i think it will work perfectly :-)

vekia · August 20, 2013

no worries, i tested it on my PC and it works as you and I expected

kelvz · August 22, 2013

Hi!

I have two different groups in my shop and i put group price for each product...

Example:

The Pre-tax wholesale Price of product Apple is $14 and

the following group has their own specific price

Group A

Name of Product: Apple

Retail Price: $10

Group B

Name of Product: Apple

Retail Price: $5

I displayed this three prices in my product page like this:

List Price: $14

Default Price: $10

$5

but when i select combination...

the default price wont change only the list price and final retail price

and i think this is a jquery problem because i've added the new price which is the default price...

please help me...

Edited August 22, 2013 by kelvz (see edit history)

Fpalarea · April 10, 2016

no worries, i tested it on my PC and it works as you and I expected

I have the same problem but When I change product.tpl doesn't update.

Fpalarea · April 11, 2016

Please could you help me with this trouble? Thanks!

[SOLVED] How to add new "More details" button?

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in