Jump to content

Rajouter lien en savoir plus avec effet de scroll en javascript sur la page produit - Version 1.6

jomcdonald
 Share

Recommended Posts

jomcdonald Rookie

jomcdonald

Posted
Posted

Bonjour, sur le thème de base 1.6, l'onglet en savoir plus à disparu.

Je l'ai rajouté mais je cherche à reproduire l'effet de transition scroll présent sur les ancienne versions.

 

Voila le lien d'une de mes fiches produits:

http://www.storeman.fr/charbons-moteur/26-charbons-moteur-malice-pour-machine-a-laver-brandt-vedette-thomson-564020-fagor-brandt.html

 

Quelqu'un connait'il l'astuce?

 

Merci

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
Posted

Bonjour,

 

C'est parce que Prestashop n'a pas remis à jour product.js pour cette fonction :

 

Vous avez :

$(document).on('click','#short_description_block .button',function(e){$('#more_info_tab_more_info').click();$.scrollTo('#more_info_tabs',1200);});

remplacez par :

    $(document).on('click', '#short_description_block .button', function(e){
        $.scrollTo( '#more_info_tabs', 1200 );
    });

V++

 

Atch

 

Link to comment
Share on other sites
jomcdonald Rookie

jomcdonald

Posted
  • Author
Posted (edited)

Merci mais ça ne marche pas.

Voila ce que j'ai dans description short:

<div id="short_description_block" itemprop="description">
  <p class="detail_buttons_bottom_block" style="padding: 0;">
    <a>{$product->description_short|strip_tags|truncate:80:'...'}</a>
      <a href="javascript:{ldelim}{rdelim}" class="more_info">
      {l s='More details'}
      </a>
  </p>
</div>

Et au niveau de la description longue:

<h3 class="page-product-heading">{l s='More info'}</h3>{/if}

Et bien sur j'ai modifié la valeur dans product.js en conséquence:

$(document).on('click', '#short_description_block .more_info', function(e){
        $.scrollTo( '#more_info_tabs', 1200 );
    });

J'ai essayé aussi en mettant les valeurs de base (.button au lieu de .more_info dans le js et le tpl) mais ça ne marche pas non plus.

Edited by jomcdonald (see edit history)
Link to comment
Share on other sites
Atch Newbie

Atch

Posted
Posted (edited)

Oups, désolé, j'avais pas vu la class du bouton que vous utilisiez, essayez avec :

$(document).on('click', '.more_info', function(e){ $.scrollTo( '#more_info_tabs', 1200 ); });

J'ai testé avec le débuggeur sur votre boutique et cela fonctionne.

 

 

edit : dans votre theme, vous n'avez plus l'id #short_description_block ;)

 

edit 2 : N'oubliez pas de changer l'url de votre bouton par :  

href="javascript:{ldelim}{rdelim}"

V++

 

Atch

Edited by Atch (see edit history)
  • Like 1
Link to comment
Share on other sites
jomcdonald Rookie

jomcdonald

Posted
  • Author
Posted

Bon je dois louper un truc car ça ne fonctionne toujours pas.

 

fonction .js

$(document).on('click', '.more_info', function(e){ 
		$.scrollTo( '#more_info_tabs', 1200 ); 
	});

Product.tpl

<div id="short_description_block" itemprop="description">
  <p class="detail_buttons_bottom_block" style="padding: 0;">
    <a>{$product->description_short|strip_tags|truncate:80:'...'}</a>
      <a href="javascript:{ldelim}{rdelim}" class="more_info">
      {l s='More details'}
      </a>
  </p>
</div>



<h3 class="page-product-heading" id="more_info_tabs">{l s='More info'}</h3>{/if}

:wacko:

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
Posted (edited)

Ah vous êtes sous Chrome !!! :)

 

Car sur FF ça fonctionne, le hic, c'est que Prestashop n'utilise pas la dernière version de scrollto et donc ça plante :(

 

Bon je reviens dans 5 minutes, et je vous donne une autre méthode ;)

 

V++

 

Atch

Edited by Atch (see edit history)
Link to comment
Share on other sites
Atch Newbie

Atch

Posted
Posted

Remplace le code par :

    $('.more_info').click( function() { // Au clic sur l'élément
            $('html, body').animate( { scrollTop: $('#more_info_tabs').offset().top }, 1200 ); // Go
            return false;
        });

ça fait la même chose mais sans passer par le plugin scrollto.

 

V++

 

Atch

Link to comment
Share on other sites
houin Newbie

houin

Posted
Posted

Ahhh.... :D  (Je suis tombé sur cette fonction il y a même pas 5 min en cherchant sur google!!!)

 

Merci ça fonctionne au poil.

Je l'ai adapté aussi pour la page catégorie et c'est nickel.

 

Merci beaucoup

Merci pour ce petit tuto , mais je n'arrive pas à trouver les emplacements dans le fichier product.tpl

Je suis sur 1.6.06 et voici mon fichier :

*}
{include file="$tpl_dir./errors.tpl"}
{if $errors|@count == 0}
{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}
<div class="primary_block row" itemscope itemtype="http://schema.org/Product">
{if !$content_only}
<div class="container">
<div class="top-hr"></div>
</div>
{/if}
{if isset($adminActionDisplay) && $adminActionDisplay}
<div id="admin-action">
<p>{l s='This product is not visible to your customers.'}
<input type="hidden" id="admin-action-product-id" value="{$product->id}" />
<input type="submit" value="{l s='Publish'}" name="publish_button" class="exclusive" />
<input type="submit" value="{l s='Back'}" name="lnk_view" class="exclusive" />
</p>
<p id="admin-action-result"></p>
</div>
{/if}
{if isset($confirmation) && $confirmation}
<p class="confirmation">
{$confirmation}
</p>
{/if}
<!-- left infos-->  
<div class="pb-left-column col-xs-12 col-sm-4 col-md-5">
<!-- product img-->        
<div id="image-block" class="clearfix">
{if $product->new}
<span class="new-box">
<span class="new-label">{l s='New'}</span>
</span>
{/if}
{if $product->on_sale}
<span class="sale-box no-print">
<span class="sale-label">{l s='Sale!'}</span>
</span>
{elseif $product->specificPrice && $product->specificPrice.reduction && $productPriceWithoutReduction > $productPrice}
<span class="discount">{l s='Reduced price!'}</span>
{/if}
{if $have_image}
<span id="view_full_size">
{if $jqZoomEnabled && $have_image && !$content_only}
<a class="jqzoom" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" rel="gal1" href="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox_default')|escape:'html':'UTF-8'}" itemprop="url">
<img itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}"/>
</a>
{else}
<img id="bigpic" itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" width="{$largeSize.width}" height="{$largeSize.height}"/>
{if !$content_only}
<span class="span_link no-print">{l s='View larger'}</span>
{/if}
{/if}
</span>
{else}
<span id="view_full_size">
<img itemprop="image" src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'html':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}"/>
{if !$content_only}
<span class="span_link">
{l s='View larger'}
</span>
{/if}
</span>
{/if}
</div> <!-- end image-block -->
{if isset($images) && count($images) > 0}
<!-- thumbnails -->
<div id="views_block" class="clearfix {if isset($images) && count($images) < 2}hidden{/if}">
{if isset($images) && count($images) > 4}
<span class="view_scroll_spacer">
<a id="view_scroll_left" class="" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">
{l s='Previous'}
</a>
</span>
{/if}
<div id="thumbs_list">
<ul id="thumbs_list_frame">
{if isset($images)}
{foreach from=$images item=image name=thumbnails}
{assign var=imageIds value="`$product->id`-`$image.id_image`"}
{if !empty($image.legend)}
{assign var=imageTitle value=$image.legend|escape:'html':'UTF-8'}
{else}
{assign var=imageTitle value=$product->name|escape:'html':'UTF-8'}
{/if}
<li id="thumbnail_{$image.id_image}"{if $smarty.foreach.thumbnails.last} class="last"{/if}>
<a 
{if $jqZoomEnabled && $have_image && !$content_only}
href="javascript:void(0);"
rel="{literal}[spam-filter]/literal}gallery: 'gal1', smallimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')|escape:'html':'UTF-8'}',largeimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}'{literal[spam-filter]{/literal}"
{else}
href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}"
data-fancybox-group="other-views"
class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"
{/if}
title="{$imageTitle}">
<img class="img-responsive" id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'cart_default')|escape:'html':'UTF-8'}" alt="{$imageTitle}" title="{$imageTitle}" height="{$cartSize.height}" width="{$cartSize.width}" itemprop="image" />
</a>
</li>
{/foreach}
{/if}
</ul>
</div> <!-- end thumbs_list -->
{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> <!-- end views-block -->
<!-- end thumbnails -->
{/if}
{if isset($images) && count($images) > 1}
<p class="resetimg clear no-print">
<span id="wrapResetImages" style="display: none;">
<a href="{$link->getProductLink($product)|escape:'html':'UTF-8'}" name="resetImages">
<i class="icon-repeat"></i>
{l s='Display all pictures'}
</a>
</span>
</p>
{/if}
</div> <!-- end pb-left-column -->
<!-- end left infos--> 
<!-- center infos -->
<div class="pb-center-column col-xs-12 col-sm-4">
{if $product->online_only}
<p class="online_only">{l s='Online only'}</p>
{/if}
{$product->defcat_name}
 
<h1 itemprop="name">{$product->name|escape:'html':'UTF-8'}</h1>
<p id="product_reference"{if empty($product->reference) || !$product->reference} style="display: none;"{/if}>
<label>{l s='Model'} </label>
<span class="editable" itemprop="sku">{if !isset($groups)}{$product->reference|escape:'html':'UTF-8'}{/if}</span>
</p>
{capture name=condition}
{if $product->condition == 'new'}{l s='New'}
{elseif $product->condition == 'used'}{l s='Used'}
{elseif $product->condition == 'refurbished'}{l s='Refurbished'}
{/if}
{/capture}
<p id="product_condition"{if !$product->condition} style="display: none;"{/if}>
<label>{l s='Condition'} </label>
<span class="editable" itemprop="condition">{$smarty.capture.condition}</span>
</p>
{if $product->description_short || $packItems|@count > 0}
<div id="short_description_block">
{if $product->description_short}
<div id="short_description_content" class="rte align_justify" itemprop="description">{$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}
<div class="short_description_pack">
<h3>{l s='Pack content'}</h3>
{foreach from=$packItems item=packItem}
 
<div class="pack_content">
{$packItem.pack_quantity} x <a href="{$link->getProductLink($packItem.id_product, $packItem.link_rewrite, $packItem.category)|escape:'html':'UTF-8'}">{$packItem.name|escape:'html':'UTF-8'}</a>
<p>{$packItem.description_short}</p>
</div>
{/foreach}
</div>
{/if}-->
</div> <!-- end short_description_block -->
{/if}
{if ($display_qties == 1 && !$PS_CATALOG_MODE && $PS_STOCK_MANAGEMENT && $product->available_for_order)}
<!-- number of item in stock -->
<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'}</span>
<span {if $product->quantity == 1} style="display: none;"{/if} id="quantityAvailableTxtMultiple">{l s='Items'}</span>
</p>
{/if}
{if $PS_STOCK_MANAGEMENT}
<!-- availability -->
<p id="availability_statut"{if ($product->quantity <= 0 && !$product->available_later && $allow_oosp) || ($product->quantity > 0 && !$product->available_now) || !$product->available_for_order || $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>
<p class="warning_inline" id="last_quantities"{if ($product->quantity > $last_qties || $product->quantity <= 0) || $allow_oosp || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none"{/if} >{l s='Warning: Last items in stock!'}</p>
{/if}
<p id="availability_date"{if ($product->quantity > 0) || !$product->available_for_order || $PS_CATALOG_MODE || !isset($product->available_date) || $product->available_date < $smarty.now|date_format:'%Y-%m-%d'} style="display: none;"{/if}>
<span id="availability_date_label">{l s='Availability date:'}</span>
<span id="availability_date_value">{dateFormat date=$product->available_date full=false}</span>
</p>
<!-- Out of stock hook -->
<div id="oosHook"{if $product->quantity > 0} style="display: none;"{/if}>
{$HOOK_PRODUCT_OOS}
</div>
{if $content_only}
   {if isset($features) && $features}
                    <!-- Data sheet -->
                    <section class="page-product-box">
                        <p><strong>{l s='Features'}</strong></p>
 
                         {foreach from=$features item=feature}
                         <div class="{cycle values="odd,even"}">
                          {if isset($feature.value)}              
                                 {$feature.name|escape:'html':'UTF-8'} :
                                 {$feature.value|escape:'html':'UTF-8'}
                             {/if}
                         </div>
                         {/foreach}
 
                 </section>
                 <!--end Data sheet -->
             {/if}
         {/if}
{if isset($HOOK_EXTRA_RIGHT) && $HOOK_EXTRA_RIGHT}{$HOOK_EXTRA_RIGHT}{/if}
{if !$content_only}
<!-- usefull links-->
<ul id="usefull_link_block" class="clearfix no-print">
{if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
<li class="print">
<a href="javascript:print();">
{l s='Print'}
</a>
</li>
{if $have_image && !$jqZoomEnabled}{/if}
</ul>
{/if}
</div>
<!-- end center infos-->
<!-- pb-right-column-->
<div class="pb-right-column col-xs-12 col-sm-4 col-md-3">
{if ($product->show_price && !isset($restricted_country_mode)) || isset($groups) || $product->reference || (isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS)}
<!-- add to cart form-->
<form id="buy_block"{if $PS_CATALOG_MODE && !isset($groups) && $product->quantity > 0} class="hidden"{/if} action="{$link->getPageLink('cart')|escape:'html':'UTF-8'}" method="post">
<!-- hidden datas -->
<p class="hidden">
<input type="hidden" name="token" value="{$static_token}" />
<input type="hidden" name="id_product" value="{$product->id|intval}" id="product_page_product_id" />
<input type="hidden" name="add" value="1" />
<input type="hidden" name="id_product_attribute" id="idCombination" value="" />
</p>
<div class="box-info-product">
<div class="content_prices clearfix">
{if $product->show_price && !isset($restricted_country_mode) && !$PS_CATALOG_MODE}
<!-- prices -->
<span class="vppd">{l s='Sold in packs of :'}{$product->pointsforts|default:'NC'}</span>
{if $product->rrp|floatval}
                                <div class="rrp-price">
                                <span class="icon-stack">
                                <i class="icon-circle icon-stack-base"></i>
                                <i class="icon-hand-right icon-large icon-light"></i>
                                </span>
                                {l s='Prix de vente moyen relevé sur internet qui est normalement conseillé:'}
                                <span class="rrp" style="text-decoration:line-through">
                                {displayPrice price=$product->rrp}
                                </span>
                                </div>
                            {/if}
<div class="price">
<p class="our_price_display" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
{if $product->quantity > 0}<link itemprop="availability" href="http://schema.org/InStock"/>{/if}
{if $priceDisplay >= 0 && $priceDisplay <= 2}
<span id="our_price_display" itemprop="price">{convertPrice price=$productPrice}</span>
<!--{if $tax_enabled  && ((isset($display_tax_label) && $display_tax_label == 1) || !isset($display_tax_label))}
{if $priceDisplay == 1}{l s='tax excl.'}{else}{l s='tax incl.'}{/if}
{/if}-->
<meta itemprop="priceCurrency" content="{$currency->iso_code}" />
{/if}
</p>
<p id="reduction_percent" {if !$product->specificPrice || $product->specificPrice.reduction_type != 'percentage'} style="display:none;"{/if}>
<span id="reduction_percent_display">
{if $product->specificPrice && $product->specificPrice.reduction_type == 'percentage'}-{$product->specificPrice.reduction*100}%{/if}
</span>
</p>
<p id="old_price"{if (!$product->specificPrice || !$product->specificPrice.reduction) && $group_reduction == 0} class="hidden"{/if}>
{if $priceDisplay >= 0 && $priceDisplay <= 2}
<span id="old_price_display">{if $productPriceWithoutReduction > $productPrice}{convertPrice price=$productPriceWithoutReduction}{/if}</span>
<!-- {if $tax_enabled && $display_tax_label == 1}{if $priceDisplay == 1}{l s='tax excl.'}{else}{l s='tax incl.'}{/if}{/if} -->
{/if}
</p>
{if $priceDisplay == 2}
<br />
<span id="pretaxe_price">
<span id="pretaxe_price_display">{convertPrice price=$product->getPrice(false, $smarty.const.NULL)}</span>
{l s='tax excl.'}
</span>
{/if}
</div> <!-- end prices -->
<p id="reduction_amount" {if !$product->specificPrice || $product->specificPrice.reduction_type != 'amount' || $product->specificPrice.reduction|floatval ==0} style="display:none"{/if}>
<span id="reduction_amount_display">
{if $product->specificPrice && $product->specificPrice.reduction_type == 'amount' && $product->specificPrice.reduction|intval !=0}
-{convertPrice price=$productPriceWithoutReduction-$productPrice|floatval}
{/if}
</span>
</p>
{if $packItems|@count && $productPrice < $product->getNoPackPrice()}
<p class="pack_price">{l s='Instead of'} <span 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 && $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:'html':'UTF-8'}</p>
{/if}
{/if} {*close if for show price*}
<div class="clear"></div>
</div> <!-- end content_prices -->
<div class="product_attributes clearfix">
<!-- quantity wanted -->
{if !$PS_CATALOG_MODE}
<p id="quantity_wanted_p"{if (!$allow_oosp && $product->quantity <= 0) || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>
<label>{l s='Quantity:'}</label>
<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}" />
<a href="#" data-field-qty="qty" class="btn btn-default button-minus product_quantity_down">
<span><i class="icon-minus"></i></span>
</a>
<a href="#" data-field-qty="qty" class="btn btn-default button-plus product_quantity_up ">
<span><i class="icon-plus"></i></span>
</a>
<span class="clearfix"></span>
</p>
{/if}
<!-- minimal quantity wanted -->
<p id="minimal_quantity_wanted_p"{if $product->minimal_quantity <= 1 || !$product->available_for_order || $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 isset($groups)}
<!-- attributes -->
<div id="attributes">
<div class="clearfix"></div>
{foreach from=$groups key=id_attribute_group item=group}
{if $group.attributes|@count}
<fieldset class="attribute_fieldset">
<label class="attribute_label" {if $group.group_type != 'color' && $group.group_type != 'radio'}for="group_{$id_attribute_group|intval}"{/if}>{$group.name|escape:'html':'UTF-8'} : </label>
{assign var="groupName" value="group_$id_attribute_group"}
<div class="attribute_list">
{if ($group.group_type == 'select')}
<select name="{$groupName}" id="group_{$id_attribute_group|intval}" class="form-control attribute_select no-print">
{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:'html':'UTF-8'}">{$group_attribute|escape:'html':'UTF-8'}</option>
{/foreach}
</select>
{elseif ($group.group_type == 'color')}
<ul id="color_to_pick_list" class="clearfix">
{assign var="default_colorpicker" value=""}
{foreach from=$group.attributes key=id_attribute item=group_attribute}
<li{if $group.default == $id_attribute} class="selected"{/if}>
<a href="{$link->getProductLink($product)|escape:'html':'UTF-8'}" id="color_{$id_attribute|intval}" name="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" class="color_pick{if ($group.default == $id_attribute)} selected{/if}" style="background: {$colors.$id_attribute.value|escape:'html':'UTF-8'};" title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}">
{if file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}
<img src="{$img_col_dir}{$id_attribute|intval}.jpg" alt="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" width="20" height="20" />
{/if}
</a>
</li>
{if ($group.default == $id_attribute)}
{$default_colorpicker = $id_attribute}
{/if}
{/foreach}
</ul>
<input type="hidden" class="color_pick_hidden" name="{$groupName|escape:'html':'UTF-8'}" value="{$default_colorpicker|intval}" />
{elseif ($group.group_type == 'radio')}
<ul>
{foreach from=$group.attributes key=id_attribute item=group_attribute}
<li>
<input type="radio" class="attribute_radio" name="{$groupName|escape:'html':'UTF-8'}" value="{$id_attribute}" {if ($group.default == $id_attribute)} checked="checked"{/if} />
<span>{$group_attribute|escape:'html':'UTF-8'}</span>
</li>
{/foreach}
</ul>
{/if}
</div> <!-- end attribute_list -->
</fieldset>
{/if}
{/foreach}
</div> <!-- end attributes -->
{/if}
</div> <!-- end product_attributes -->
<div class="box-cart-bottom">
<div{if (!$allow_oosp && $product->quantity <= 0) || !$product->available_for_order || (isset($restricted_country_mode) && $restricted_country_mode) || $PS_CATALOG_MODE} class="unvisible"{/if}>
<p id="add_to_cart" class="buttons_bottom_block no-print">
<button type="submit" name="Submit" class="exclusive">
<span>{l s='Add to cart'}</span>
</button>
</p>
</div>
{if isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS}{$HOOK_PRODUCT_ACTIONS}{/if}<strong></strong>
</div> <!-- end box-cart-bottom -->
</div> <!-- end box-info-product -->
</form>
{/if}
</div> <!-- end pb-right-column-->
</div> <!-- end primary_block -->
{if !$content_only}
{if (isset($quantity_discounts) && count($quantity_discounts) > 0)}
<!-- quantity discount -->
<section class="page-product-box">
<h3 class="page-product-heading">{l s='Volume discounts'}</h3>
<i class="icon-sun icon-spin icon-large"></i>
<div id="quantityDiscount">
<table class="std table-product-discounts">
<thead>
<tr>
<th>{l s='Quantity'}</th>
<th>{if $display_discount_price}{l s='Price'}{else}{l s='Discount'}{/if}</th>
<th>{l s='You Save'}</th>
</tr>
</thead>
<tbody>
{foreach from=$quantity_discounts item='quantity_discount' name='quantity_discounts'}
<tr id="quantityDiscount_{$quantity_discount.id_product_attribute}" class="quantityDiscount_{$quantity_discount.id_product_attribute}" data-discount-type="{$quantity_discount.reduction_type}" data-discount="{$quantity_discount.real_value|floatval}" data-discount-quantity="{$quantity_discount.quantity|intval}">
<td>
{$quantity_discount.quantity|intval}
</td>
<td>
{if $quantity_discount.price >= 0 || $quantity_discount.reduction_type == 'amount'}
{if $display_discount_price}
{convertPrice price=$productPrice-$quantity_discount.real_value|floatval}
{else}
{convertPrice price=$quantity_discount.real_value|floatval}
{/if}
{else}
{if $display_discount_price}
{convertPrice price = $productPrice-($productPrice*$quantity_discount.reduction)|floatval}
{else}
{$quantity_discount.real_value|floatval}%
{/if}
{/if}
</td>
<td>
<span>{l s='Up to'}</span>
{if $quantity_discount.price >= 0 || $quantity_discount.reduction_type == 'amount'}
{$discountPrice=$productPrice-$quantity_discount.real_value|floatval}
{else}
{$discountPrice=$productPrice-($productPrice*$quantity_discount.reduction)|floatval}
{/if}
{$discountPrice=$discountPrice*$quantity_discount.quantity}
{$qtyProductPrice = $productPrice*$quantity_discount.quantity}
{convertPrice price=$qtyProductPrice-$discountPrice}
</td>
</tr>
{/foreach}
</tbody>
</table>
</div>
</section>
{/if}
{if isset($features) && $features}
<!-- Data sheet -->
<section class="page-product-box">
<h3 class="page-product-heading">{l s='Data sheet'}</h3>
<table class="table-data-sheet">
{foreach from=$features item=feature}
<tr class="{cycle values="odd,even"}">
{if isset($feature.value)}    
<td>{$feature.name|escape:'html':'UTF-8'}</td>
<td>{$feature.value|escape:'html':'UTF-8'}</td>
{/if}
</tr>
{/foreach}
</table>
</section>
<!--end Data sheet -->
{/if}
{if $product->description}
<!-- More info -->
<section class="page-product-box">
<h3 class="page-product-heading">{l s='More info'}</h3>{/if}
{if isset($product) && $product->description}
<!-- full description -->
<div  class="rte">{$product->description}</div>
</section>
<!--end  More info -->
{/if}
<!--HOOK_PRODUCT_TAB -->
<section class="page-product-box">
{$HOOK_PRODUCT_TAB}
{if isset($HOOK_PRODUCT_TAB_CONTENT) && $HOOK_PRODUCT_TAB_CONTENT}{$HOOK_PRODUCT_TAB_CONTENT}{/if}
</section>
<!--end HOOK_PRODUCT_TAB -->
{if isset($accessories) && $accessories}
<!--Accessories -->
<section class="page-product-box">
<h3 class="page-product-heading">{l s='Accessories'}</h3>
<div class="block products_block accessories-block clearfix">
<div class="block_content">
<ul id="bxslider" class="bxslider clearfix">
{foreach from=$accessories item=accessory name=accessories_list}
{if ($accessory.allow_oosp || $accessory.quantity_all_versions > 0 || $accessory.quantity > 0) && $accessory.available_for_order && !isset($restricted_country_mode)}
{assign var='accessoryLink' value=$link->getProductLink($accessory.id_product, $accessory.link_rewrite, $accessory.category)}
<li class="item product-box ajax_block_product{if $smarty.foreach.accessories_list.first} first_item{elseif $smarty.foreach.accessories_list.last} last_item{else} item{/if} product_accessories_description">
<div class="product_desc">
<a href="{$accessoryLink|escape:'html':'UTF-8'}" title="{$accessory.legend|escape:'html':'UTF-8'}" class="product-image product_image">
<img class="lazyOwl" src="{$link->getImageLink($accessory.link_rewrite, $accessory.id_image, 'home_default')|escape:'html':'UTF-8'}" alt="{$accessory.legend|escape:'html':'UTF-8'}" width="{$homeSize.width}" height="{$homeSize.height}"/>
</a>
<div class="block_description">
<a href="{$accessoryLink|escape:'html':'UTF-8'}" title="{l s='More'}" class="product_description">
{$accessory.description_short|strip_tags|truncate:25:'...'}
</a>
</div>
</div>
<div class="s_title_block">
<h5 class="product-name">
<a href="{$accessoryLink|escape:'html':'UTF-8'}">
{$accessory.name|truncate:20:'...':true|escape:'html':'UTF-8'}
</a>
</h5>
{if $accessory.show_price && !isset($restricted_country_mode) && !$PS_CATALOG_MODE}
<span class="price">
{if $priceDisplay != 1}
{displayWtPrice p=$accessory.price}{else}{displayWtPrice p=$accessory.price_tax_exc}
{/if}
</span>
{/if}
</div>
<div class="clearfix" style="margin-top:5px">
{if !$PS_CATALOG_MODE && ($accessory.allow_oosp || $accessory.quantity > 0)}
<div class="no-print">
<a class="exclusive button ajax_add_to_cart_button" href="{$link->getPageLink('cart', true, NULL, "qty=1&id_product={$accessory.id_product|intval}&token={$static_token}&add")|escape:'html':'UTF-8'}" data-id-product="{$accessory.id_product|intval}" title="{l s='Add to cart'}">
<span>{l s='Add to cart'}</span>
</a>
</div>
{/if}
</div>
</li>
{/if}
{/foreach}
</ul>
</div>
</div>
</section>
<!--end Accessories -->
{/if}
{if isset($HOOK_PRODUCT_FOOTER) && $HOOK_PRODUCT_FOOTER}{$HOOK_PRODUCT_FOOTER}{/if}
<!-- description & features -->
{if (isset($product) && $product->description) || (isset($features) && $features) || (isset($accessories) && $accessories) || (isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB) || (isset($attachments) && $attachments) || isset($product) && $product->customizable}
{if isset($attachments) && $attachments}
<!--Download -->
<section class="page-product-box">
<h3 class="page-product-heading">{l s='Download'}</h3>
{foreach from=$attachments item=attachment name=attachements}
{if $smarty.foreach.attachements.iteration %3 == 1}<div class="row">{/if}
<div class="col-lg-4">
<h4><a href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html':'UTF-8'}">{$attachment.name|escape:'html':'UTF-8'}</a></h4>
<p class="text-muted">{$attachment.description|escape:'html':'UTF-8'}</p>
<a class="btn btn-default btn-block" href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html':'UTF-8'}">
<i class="icon-download"></i>
{l s="Download"} ({Tools::formatBytes($attachment.file_size, 2)})
</a>
<hr>
</div>
{if $smarty.foreach.attachements.iteration %3 == 0 || $smarty.foreach.attachements.last}</div>{/if}
{/foreach}
</section>
<!--end Download -->
{/if}
{if isset($product) && $product->customizable}
<!--Customization -->
<section class="page-product-box">
<h3 class="page-product-heading">{l s='Product customization'}</h3>
<!-- Customizable products -->
<form method="post" action="{$customizationFormTarget}" enctype="multipart/form-data" id="customizationForm" class="clearfix">
<p class="infoCustomizable">
{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}
<div class="customizableProductsFile">
<h5 class="product-heading-h5">{l s='Pictures'}</h5>
<ul id="uploadable_files" class="clearfix">
{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)}
<div class="customizationUploadBrowse">
<img src="{$pic_dir}{$pictures.$key}_small" alt="" />
<a href="{$link->getProductDeletePictureLink($product, $field.id_customization_field)|escape:'html':'UTF-8'}" title="{l s='Delete'}" >
<img src="{$img_dir}icon/delete.gif" alt="{l s='Delete'}" class="customization_delete_icon" width="11" height="13" />
</a>
</div>
{/if}
<div class="customizationUploadBrowse form-group">
<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>
<input type="file" name="file{$field.id_customization_field}" id="img{$customizationField}" class="form-control customization_block_input {if isset($pictures.$key)}filled{/if}" />
</div>
</li>
{counter}
{/if}
{/foreach}
</ul>
</div>
{/if}
{if $product->text_fields|intval}
<div class="customizableProductsText">
<h5 class="product-heading-h5">{l s='Text'}</h5>
<ul id="text_fields">
{counter start=0 assign='customizationField'}
{foreach from=$customizationFields item='field' name='customizationFields'}
{if $field.type == 1}
<li class="customizationUploadLine{if $field.required} required{/if}">
<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 name="textField{$field.id_customization_field}" class="form-control customization_block_input" id="textField{$customizationField}" rows="3" cols="20">{strip}
{if isset($textFields.$key)}
{$textFields.$key|stripslashes}
{/if}
{/strip}</textarea>
</li>
{counter}
{/if}
{/foreach}
</ul>
</div>
{/if}
<p id="customizedDatas">
<input type="hidden" name="quantityBackup" id="quantityBackup" value="" />
<input type="hidden" name="submitCustomizedDatas" value="1" />
<button class="button btn btn-default button button-small" name="saveCustomization">
<span>{l s='Save'}</span>
</button>
<span id="ajax-loader" class="unvisible">
<img src="{$img_ps_dir}loader.gif" alt="loader" />
</span>
</p>
</form>
<p class="clear required"><sup>*</sup> {l s='required fields'}</p>
</section>
<!--end Customization -->
{/if}
{/if}
{if isset($packItems) && $packItems|@count > 0}
<section id="blockpack">
<h3 class="page-product-heading">{l s='Pack content'}</h3>
{include file="$tpl_dir./product-list.tpl" products=$packItems}
</section>
{/if}
{/if}
{strip}
{strip}
{if isset($smarty.get.ad) && $smarty.get.ad}
{addJsDefL name=ad}{$base_dir|cat:$smarty.get.ad|escape:'html':'UTF-8'}{/addJsDefL}
{/if}
{if isset($smarty.get.adtoken) && $smarty.get.adtoken}
{addJsDefL name=adtoken}{$smarty.get.adtoken|escape:'html':'UTF-8'}{/addJsDefL}
{/if}
{addJsDef allowBuyWhenOutOfStock=$allow_oosp|boolval}
{addJsDef availableNowValue=$product->available_now|escape:'quotes':'UTF-8'}
{addJsDef availableLaterValue=$product->available_later|escape:'quotes':'UTF-8'}
{addJsDef attribute_anchor_separator=$attribute_anchor_separator|addslashes}
{addJsDef attributesCombinations=$attributesCombinations}
{addJsDef currencySign=$currencySign|html_entity_decode:2:"UTF-8"}
{addJsDef currencyRate=$currencyRate|floatval}
{addJsDef currencyFormat=$currencyFormat|intval}
{addJsDef currencyBlank=$currencyBlank|intval}
{addJsDef currentDate=$smarty.now|date_format:'%Y-%m-%d %H:%M:%S'}
{if isset($combinations) && $combinations}
{addJsDef combinations=$combinations}
{addJsDef combinationsFromController=$combinations}
{addJsDef displayDiscountPrice=$display_discount_price}
{addJsDefL name='upToTxt'}{l s='Up to' js=1}{/addJsDefL}
{/if}
{if isset($combinationImages) && $combinationImages}
{addJsDef combinationImages=$combinationImages}
{/if}
{addJsDef customizationFields=$customizationFields}
{addJsDef default_eco_tax=$product->ecotax|floatval}
{addJsDef displayPrice=$priceDisplay|intval}
{addJsDef ecotaxTax_rate=$ecotaxTax_rate|floatval}
{addJsDef group_reduction=$group_reduction}
{if isset($cover.id_image_only)}
{addJsDef idDefaultImage=$cover.id_image_only|intval}
{else}
{addJsDef idDefaultImage=0}
{/if}
{addJsDef img_ps_dir=$img_ps_dir}
{addJsDef img_prod_dir=$img_prod_dir}
{addJsDef id_product=$product->id|intval}
{addJsDef jqZoomEnabled=$jqZoomEnabled|boolval}
{addJsDef maxQuantityToAllowDisplayOfLastQuantityMessage=$last_qties|intval}
{addJsDef minimalQuantity=$product->minimal_quantity|intval}
{addJsDef noTaxForThisProduct=$no_tax|boolval}
{addJsDef oosHookJsCodeFunctions=Array()}
{addJsDef productHasAttributes=isset($groups)|boolval}
{addJsDef productPriceTaxExcluded=($product->getPriceWithoutReduct(true)|default:'null' - $product->ecotax)|floatval}
{addJsDef productBasePriceTaxExcluded=($product->base_price - $product->ecotax)|floatval}
{addJsDef productReference=$product->reference|escape:'html':'UTF-8'}
{addJsDef productAvailableForOrder=$product->available_for_order|boolval}
{addJsDef productPriceWithoutReduction=$productPriceWithoutReduction|floatval}
{addJsDef productPrice=$productPrice|floatval}
{addJsDef productUnitPriceRatio=$product->unit_price_ratio|floatval}
{addJsDef productShowPrice=(!$PS_CATALOG_MODE && $product->show_price)|boolval}
{addJsDef PS_CATALOG_MODE=$PS_CATALOG_MODE}
{if $product->specificPrice && $product->specificPrice|@count}
{addJsDef product_specific_price=$product->specificPrice}
{else}
{addJsDef product_specific_price=array()}
{/if}
{if $display_qties == 1 && $product->quantity}
{addJsDef quantityAvailable=$product->quantity}
{else}
{addJsDef quantityAvailable=0}
{/if}
{addJsDef quantitiesDisplayAllowed=$display_qties|boolval}
{if $product->specificPrice && $product->specificPrice.reduction && $product->specificPrice.reduction_type == 'percentage'}
{addJsDef reduction_percent=$product->specificPrice.reduction*100|floatval}
{else}
{addJsDef reduction_percent=0}
{/if}
{if $product->specificPrice && $product->specificPrice.reduction && $product->specificPrice.reduction_type == 'amount'}
{addJsDef reduction_price=$product->specificPrice.reduction|floatval}
{else}
{addJsDef reduction_price=0}
{/if}
{if $product->specificPrice && $product->specificPrice.price}
{addJsDef specific_price=$product->specificPrice.price|floatval}
{else}
{addJsDef specific_price=0}
{/if}
{addJsDef specific_currency=($product->specificPrice && $product->specificPrice.id_currency)|boolval} {* TODO: remove if always false *}
{addJsDef stock_management=$stock_management|intval}
{addJsDef taxRate=$tax_rate|floatval}
{addJsDefL name=doesntExist}{l s='This combination does not exist for this product. Please select another combination.' js=1}{/addJsDefL}
{addJsDefL name=doesntExistNoMore}{l s='This product is no longer in stock' js=1}{/addJsDefL}
{addJsDefL name=doesntExistNoMoreBut}{l s='with those attributes but is available with others.' js=1}{/addJsDefL}
{addJsDefL name=fieldRequired}{l s='Please fill in all the required fields before saving your customization.' js=1}{/addJsDefL}
{addJsDefL name=uploading_in_progress}{l s='Uploading in progress, please be patient.' js=1}{/addJsDefL}
{/strip}
{/if}
 
Peut tu me dire les lignes à changer. Et je ne vois pas pour cette phrase.: "N'oubliez pas de changer l'url de votre bouton par" : 
 
href="javascript:{ldelim}{rdelim}"
 
Une petite aide .Merci
Link to comment
Share on other sites
  • 2 weeks later...
A1TH Newbie

A1TH

Posted
Posted

Bonjour,
Ca fait des heures que j'essaie, avec les explications ci-dessus mais en vain... je me perd ...

 

Je suis en local avec la dernière version 1.6.0.9.

J'avais réussi à faire ceci sur une P.S: 1.5 j'ai le bouton "plus de détails" qui renvoie sur l'onglet "en savoir plus" et j'avais ajouté un bouton "envoyez vos photos" qui renvoi directement sur l'onglet "personnalisation".
Voir image jointe

 

Maintenant sur la refonte d'un nouveau site, d'une part je n'arrive pas à faire apparaitre le bouton "plus de détails"
Et même si je crée mais propre bouton, impossible de créer le scroll sur les onglets.
Je souhaiterai refaire comme sur l'exemple de l'image jointe, ou comme

Est-ce que quelqu'un (jomcdonald) pourrait tout simplement mettre le code à modifier ou à ajouter ainsi que les noms de fichier.

Merci par avance



 

post-399105-0-26108900-1407260728_thumb.jpg

Link to comment
Share on other sites
A1TH Newbie

A1TH

Posted
Posted

Un petit up !!
Je coince toujours, ... toujours pas reussi à mettre le bouton "plus de détails" ou "en savoir plus" avec l'effet scroll. 
Par ailleurs, je souhaiterai ajouter un second bouton "personnaliser"
Merci de votre aide

Link to comment
Share on other sites
  • 1 month later...
bobiluse Newbie

bobiluse

Posted
Posted

up!!

 

 

Je confirme ça marche pas

j'ai tous essayer

c'est quoi le problème avec product.js thème de base

je suis en 1.6.0.9 impossible que ça fonctionne j'ai aussi louper un truc

le bouton c'est ok pour l'affiché il suffit de aller dans product.css dans le thème et de mettre dans

.pb-center-column #short_description_block .buttons_bottom_block

vous mettez

display: table;

au lieu de none

 

mais quand on clique dessus ça veut pas descendre

 

comment faire aider nous svp si vous avez réussi a trouver la solution

 

cordialement

Link to comment
Share on other sites
  • 2 weeks later...
Col&gram Newbie

Col&gram

Posted
Posted

Bonsoir,

 

Moi aussi j'aimerai bien faire fonctionner ce fichu lien car sur certains écrans si les clients ne pensent pas à scroller ils loupent des infos importantes. (je n'ai pas remis les onglets, thème de base de la 1.6).

 

J'ai essayé les solutions proposées sur ce post et d'autres trouvée sur le forum anglais mais sans succès :( .

 

Petit papa Noël, quand tu descendras .... :P

Link to comment
Share on other sites
  • 3 weeks later...
  • 1 month later...
faithless02000 Newbie

faithless02000

Posted
Posted (edited)

Bonsoir,
 
Et si on oubliait tout simplement le bouton prévu en natif et qu'on créait le notre ? + simple non ;-) (testé sous ps 1.6.0.9)
 
Pour commencer virer le code qui concerne le bouton dans le product.tpl du thème (ou le masquer au choix)
Rajouter à la place :

{if $product->description}
<a href="#full-description" class="scroll"><span>{l s='More details'}</span></a>
{/if}

Rajouter l'id "full-description" à la section un peu + bas dans le product.tpl du thème :

{if $product->description}
	<!-- More info -->
	<section id="full-description" class="page-product-box">
		<h3 class="page-product-heading">{l s='More info'}</h3>{/if}
		{if isset($product) && $product->description}
			<!-- full description -->
			<div class="rte">{$product->description}</div>
	</section>
	<!--end  More info -->
{/if}

Puis rajouter ce petit script dans le footer.tpl du thème :

<script type="text/javascript">
    $('a.scroll[href^="#"]').click(function(){  
        var the_id = $(this).attr("href");
        $('html, body').animate({  
            scrollTop:$(the_id).offset().top  
        }, 'slow');  
        return false;
    });
</script>

N'oubliez pas les traductions si besoin.

 

Et voilà le tour est joué ;-)

Edited by faithless02000 (see edit history)
  • Like 2
Link to comment
Share on other sites
faithless02000 Newbie

faithless02000

Posted
Posted

Slt G.Solidarité, dans le product.tpl du thème d'origine du PS 1.6.0.9 supprimer ou commenter les lignes 180 à 184 :

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

Puis remplacer par :

<a href="#full-description" class="scroll"><span>{l s='More details'}</span></a>
  • Like 1
Link to comment
Share on other sites
Le Sultan Newbie

Le Sultan

Posted
Posted

Merci faithless02000 ça fonctionne  :) Amitiés

Bonjour pouvez vous me donner un petit coup de main.

Dans product.tpl de mon théme j'ai fais cela:

{if $product->description}
<a href="#full-description" class="scroll"><span>{l s='More details'}</span></a>
{/if}
{if $product->description}
                   <!-- More info -->
                    <section id="full-description" class="page-product-box">
                  <h3 class="page-product-heading">{l s='More info'}</h3>{/if}
                      {if isset($product) && $product->description}
                        <!-- full description -->
                      <div class="rte">{$product->description}</div>
                   </section>
                    <!--end  More info -->
                    {/if}
Mais cela ne marche pas j'ai le scoll en cliquant decu mais je vois le texte en permanence donc le bouton n sert à rien.
 
Dans ce fichier,j ne sais pas ou mettre le :""script"
 
*}
{if !$content_only}
</div><!-- #center_column -->
{if isset($right_column_size) && !empty($right_column_size)}
<div id="right_column" class="col-xs-12 col-sm-{$right_column_size|intval} column">{$HOOK_RIGHT_COLUMN}</div>
{/if}
</div><!-- .row -->
</div><!-- #columns -->
</div><!-- .columns-container -->
<!-- Footer -->
<div class="footer-container">
<footer id="footer"  class="container">
<div class="row">{$HOOK_FOOTER}</div>
</footer>
</div><!-- #footer -->
</div><!-- #page -->
{/if}
{include file="$tpl_dir./global.tpl"}
</body>
</html>
 
Une petit aide merci je suis sur 1.6.06
Link to comment
Share on other sites
Soyons Solidaire Apprentice

Soyons Solidaire

Posted
Posted (edited)

Bonjour à tous, Merci encore à faithless02000 !

Sultan une fois le product.tpl modifier

Dans le footer.tpl a la fin " le fichier est dans dossier thèmes " 

<script type="text/javascript">
$('a.scroll[href^=#]').click(function(){
var the_id = $(this).attr("href");
$('html, body').animate({
scrollTop:$(the_id).offset().top
}, 'slow');
return false;
});
</script>

 

​N'oubli pas d'ajouter :

Un peu plus bas dans le product.tpl "dossier thèmes" 

{if $product->description}
    <!-- More info -->
    <section id="full-description" class="page-product-box">
        <h3 class="page-product-heading">{l s='More info'}</h3>{/if}
        {if isset($product) && $product->description}
            <!-- full description -->
            <div class="rte">{$product->description}</div>
    </section>
    <!--end More info -->
{/if}

Edited by G.Solidarité (see edit history)
Link to comment
Share on other sites
Le Sultan Newbie

Le Sultan

Posted
Posted

 

Bonjour à tous, Merci encore à faithless02000 !

Sultan une fois le product.tpl modifier

Dans le footer.tpl a la fin " le fichier est dans dossier thèmes " 

<script type="text/javascript">

$('a.scroll[href^=#]').click(function(){

var the_id = $(this).attr("href");

$('html, body').animate({

scrollTop:$(the_id).offset().top

}, 'slow');

return false;

});

</script>

 

​N'oubli pas d'ajouter :

Un peu plus bas dans le product.tpl "dossier thèmes" 

{if $product->description}

    <!-- More info -->

    <section id="full-description" class="page-product-box">

        <h3 class="page-product-heading">{l s='More info'}</h3>{/if}

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

            <!-- full description -->

            <div class="rte">{$product->description}</div>

    </section>

    <!--end More info -->

{/if}

 

Super à vous tous cela fonctionne :D  Merci 

Link to comment
Share on other sites
Le Sultan Newbie

Le Sultan

Posted
Posted

Merci pour vos retours !

NB : ne pas oublier de personnaliser le lien à votre convenance en css avec la class scroll ;)

Merci beaucoup c'est super.

Par contre j' aimerai faire un bouton avec "plus de details" et une couleur différente pour le texte et que j'installerai dans product.css de mon thème.

Je suis un peut nul en programmation, pourrais tu me donner un exemple? Merci

Link to comment
Share on other sites
faithless02000 Newbie

faithless02000

Posted
Posted

Hello Le Sultan !

 

Rien besoin de faire avec le css si tu es en PS 1.6, tu remplaces juste ceci :

<a href="#full-description" class="scroll"><span>{l s='More details'}</span></a>

Par ceci :

<a href="#full-description" class="scroll button lnk_view btn btn-default"><span>{l s='More details'}</span></a>

Et tu auras un joli bouton par défaut B)

  • Like 2
Link to comment
Share on other sites
Le Sultan Newbie

Le Sultan

Posted
Posted

Hello Le Sultan !

 

Rien besoin de faire avec le css si tu es en PS 1.6, tu remplaces juste ceci :

<a href="#full-description" class="scroll"><span>{l s='More details'}</span></a>

Par ceci :

<a href="#full-description" class="scroll button lnk_view btn btn-default"><span>{l s='More details'}</span></a>

Et tu auras un joli bouton par défaut B)

Super!!!!!!!!!!!!!!!!!! Mille merci :rolleyes:

Link to comment
Share on other sites
BebeGrO_oT Rookie

BebeGrO_oT

Posted
Posted

Hello sultan, également ave le bouton que Faithless t'as donné, tu peut également soit les personnaliser en CSS soit utiliser les btn par défaut c'est à dire :

 

dans le code :

<a href="#full-description" class="scroll button lnk_view btn btn-default"><span>{l s='More details'}</span></a>

à la place de

btn btn-default

tu peut choisir parmis ceux la :

btn btn-primary
btn btn-success
btn btn-info
btn btn-warning
btn btn-danger

Tu peut les voir sur ce site :

http://creersonsiteweb.net/page-bootstrap-boutons

 

Voilà amuse toi bien :)

  • Like 1
Link to comment
Share on other sites
Soyons Solidaire Apprentice

Soyons Solidaire

Posted
Posted (edited)

Salut mmariani ,

 

 Une fois le product.tpl modifier

​

N'oubli pas d'ajouter :

Un peu plus bas dans le product.tpl "dossier thèmes" 

 

{if $product->description}
    <!-- More info -->
    <section id="full-description" class="page-product-box">
        <h3 class="page-product-heading">{l s='More info'}</h3>{/if}
        {if isset($product) && $product->description}
            <!-- full description -->
            <div class="rte">{$product->description}</div>
    </section>
    <!--end More info -->
{/if}

 

Dans le footer.tpl a la fin " le fichier est dans dossier thèmes " 

<script type="text/javascript">
$('a.scroll[href^=#]').click(function(){ 
var the_id = $(this).attr("href");
$('html, body').animate({
scrollTop:$(the_id).offset().top 
}, 'slow'); 
return false;
});
</script>

Edited by G.Solidarité (see edit history)
Link to comment
Share on other sites
Le Sultan Newbie

Le Sultan

Posted
Posted

Hello sultan, également ave le bouton que Faithless t'as donné, tu peut également soit les personnaliser en CSS soit utiliser les btn par défaut c'est à dire :

 

dans le code :

<a href="#full-description" class="scroll button lnk_view btn btn-default"><span>{l s='More details'}</span></a>

à la place de

btn btn-default

tu peut choisir parmis ceux la :

btn btn-primary
btn btn-success
btn btn-info
btn btn-warning
btn btn-danger

Tu peut les voir sur ce site :

http://creersonsiteweb.net/page-bootstrap-boutons

 

Voilà amuse toi bien :)

merci super!!!!!!

Link to comment
Share on other sites
  • 3 months later...
Photon Newbie

Photon

Posted
Posted

Merci à Faithless02000 pour l'astuce, fonctionne bien avec Presta 1.6.0.14

 

merci aussi pour les boutons WebAlsaceInfo

 

@mmariani : je ne sais pas si c'est toujours d'actualité mais tu as bien collé le script dans le footer.tpl juste avant la balise </body> ?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...