[Module] Visible Customization 1.8- Ps 1.3/1.7

shacker · May 16, 2012

Montrer les personnalisations de produit (champs de texte et image) dans un endroit plus visible.
Ce module ajoute la page du produit en hookExtraRight, options de personnalisation du produit à être plus accessible aux utilisateurs. Dans PrestaShop > 1.6, vous pouvez afficher dans la case Ajouter au panier

Caractéristiques:

Facile à installer
Traverser le navigateur
Multilingue
Multistore
Réactif

Video

v1.5.1-solved add to cart issue

v1.5.2-added translations+video demo

Visitez notre site pour la dernière version du module et les modules libres sur
customize.zip 419.85K 117 downloads v1.0

customize.zip v1.5.1

customize.zip v1.5.2

customize.zip v1.6

customize.zip v1.7

customize.zip v1.8

customize.zip

shacker · May 21, 2012

added compatibility with 2 themes of PS 1.5 (new and default)

botmez · June 15, 2012

not Working on PS 1.3.1.1. HELP

shacker · June 17, 2012

site url?

shacker · July 26, 2012

v 1.1 - added option to disable the customization tab in bottom of product page

shacker · December 17, 2012

v1.2-hidden customizations if product dont have one

ryanb4614 · February 21, 2014

How can I add this before the "add to cart" button. My customers are adding it to their cart without filling in the customization fields.

shacker · February 26, 2014

hi. there is no hook before the add to cart, so you cna move in modules -> positions only

Jenetic · March 19, 2014

hi. there is no hook before the add to cart, so you cna move in modules -> positions only

How?

I'd like it to appear right below the short description and above the attributes/reference/quantity/add to cart.

I did get it there by editing the product.tpl file. But then it wouldn't save the customization text.

I tried transfering it to a few other hooks but it just said it couldn't be transfered there.

In LiveEdit you can't pick it up and move it.

A little help please? It looked sooo much better right below the short description!

shacker · May 12, 2014

oh, the hook is called extra actions in product page, you can try to move to this hook (need to recode)

diegopintovieira · October 17, 2014

oh, the hook is called extra actions in product page, you can try to move to this hook (need to recode)

Montrer les personnalisations de produits dans un plus visible.

Ce module ajoute la page produit en hookExtraRight, options de personnalisation du produit d'être plus accessible aux utilisateurs

Caractéristiques:

Multilingue

Croix du navigateur

Visitez notre site pour la dernière version du module et les modules libres sur

customize.zip 419.85K 117 downloads v1.0

Hi Luke!

I would appreciate your help.

I wanted to add the module "visible customization" in the mobile version, because sometimes customers do not add the customization of products (work with personalized gifts) because they enter the cell phone, tablet, etc ... So not appear on the mobile version this module. It allows you to send photo and observations, it is in the body of the product.

My link:

www.KaizenBrindes.com.br

PrestaShop ™ 1.5.6.1

Thank you!

shacker · October 26, 2014

Hi Luke!

I would appreciate your help.

I wanted to add the module "visible customization" in the mobile version, because sometimes customers do not add the customization of products (work with personalized gifts) because they enter the cell phone, tablet, etc ... So not appear on the mobile version this module. It allows you to send photo and observations, it is in the body of the product.

My link:

www.KaizenBrindes.com.br

PrestaShop ™ 1.5.6.1

Thank you!

hi. in ps 1.6, you can select if the module shows on mobile version (just click in the arrow from configuration option in the module list). But for PS 1.5 you dont have this option. So i recommend to copy the TPL code, and paste in the product page of the mobile version to hardcode and force to appear

diegopintovieira · October 26, 2014

hi. in ps 1.6, you can select if the module shows on mobile version (just click in the arrow from configuration option in the module list). But for PS 1.5 you dont have this option. So i recommend to copy the TPL code, and paste in the product page of the mobile version to hardcode and force to appear

my version is 1.5.6.1, I tried copying the code product.tpl tpl file in the normal version and paste in product.tpl mobile version of the website did not open, presented many coding errors, then I saw that it did not work.

shacker · October 26, 2014

yo uneed to copy the visible customization code in mobile product.tlp, no the default product int mobile

diegopintovieira · October 26, 2014

yo uneed to copy the visible customization code in mobile product.tlp, no the default product int mobile

yes, I tried this way, but it was rejected as the code in the mobile version.

shacker · November 24, 2014

yes, I tried this way, but it was rejected as the code in the mobile version.

paste the code here

v1.3 - Compatible PS 1.6+bootstrap

diegopintovieira · November 24, 2014

paste the code here

v1.3 - Compatible PS 1.6+bootstrap

Hi

{*

* 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>

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

{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}

{if $have_image}

<img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html'}"{if $jqZoomEnabled && $have_image} class="jqzoom"{/if} title="{if !empty($cover.legend)}{$cover.legend|escape:'htmlall':'UTF-8'}{else}{$product->name|escape:'htmlall':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'htmlall':'UTF-8'}{else}{$product->name|escape:'htmlall':'UTF-8'}{/if}" id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}"/>

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

</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) > 3}<span class="view_scroll_spacer"><a id="view_scroll_left" class="hidden" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">{l s='Previous'}</a></span>{/if}

{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=imageTitlte value=$image.legend|escape:'htmlall':'UTF-8'}

{else}

{assign var=imageTitlte value=$product->name|escape:'htmlall':'UTF-8'}

{/if}

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

<img id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'medium_default')|escape:'html'}" alt="{$imageTitlte}" title="{$imageTitlte}" height="{$mediumSize.height}" width="{$mediumSize.width}" />

</a>

</li>

{/foreach}

{/if}

</ul>

</div>

{if isset($images) && count($images) > 3}<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}<p class="resetimg clear"><span id="wrapResetImages" style="display: none;"><img src="{$img_dir}icon/cancel_11x13.gif" alt="{l s='Cancel'}" width="11" height="13"/> <a id="resetImages" href="{$link->getProductLink($product)|escape:'html'}" onclick="$('span#wrapResetImages').hide('slow');return (false);">{l s='Display all pictures'}</a></span></p>{/if}

</div>

{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)|escape:'html'}">{$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')|escape:'html'}" method="post">

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

</p>

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

{if $product->online_only}

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

{/if}

{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 $product->on_sale}

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

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

{/if}

{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>

<p id="reduction_percent" {if !$product->specificPrice OR $product->specificPrice.reduction_type != 'percentage'} style="display:none;"{/if}><span id="reduction_percent_display">{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}>

{if $product->specificPrice AND $product->specificPrice.reduction_type == 'amount' AND $product->specificPrice.reduction|intval !=0}

-{convertPrice price=$productPriceWithoutReduction-$productPrice|floatval}

{/if}

</span>

</p>

<p id="old_price"{if !$product->specificPrice || !$product->specificPrice.reduction} class="hidden"{/if}>

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

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

{/if}

</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 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}

{*close if for show price*}

{/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>

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

</li>

{/foreach}

</ul>

{/if}

</div>

</fieldset>

{/if}

{/foreach}

</div>

{/if}

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

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

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

</p>

<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}>

<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}" size="2" maxlength="3" {if $product->minimal_quantity > 1}onkeyup="checkMinimalQuantity({$product->minimal_quantity});"{/if} />

</p>

<p id="add_to_cart" {if (!$allow_oosp && $product->quantity <= 0) OR !$product->available_for_order OR (isset($restricted_country_mode) AND $restricted_country_mode) OR $PS_CATALOG_MODE}style="display:none"{/if} class="buttons_bottom_block">

</p>

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

<p id="availability_date"{if ($product->quantity > 0) OR !$product->available_for_order OR $PS_CATALOG_MODE OR !isset($product->available_date) OR $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>

{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>

</div>

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

{$HOOK_PRODUCT_OOS}

</div>

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

{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>

</form>

{/if}

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

</div>

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

<li><a href="#discount" style="cursor: pointer" class="selected">{l s='Sliding scale pricing'}</a></li>

</ul>

<thead>

<tr>

<th>{l s='Product'}</th>

<th>{if Configuration::get('PS_DISPLAY_DISCOUNT_PRICE')}{l s='Price'}{else}{l s='Discount'}{/if}</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'}

{if Configuration::get('PS_DISPLAY_DISCOUNT_PRICE')}

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

{else}

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

{/if}

{else}

{if Configuration::get('PS_DISPLAY_DISCOUNT_PRICE')}

{convertPrice price = $productPrice-($productPrice*$quantity_discount.reduction)|floatval}

{else}

-{$quantity_discount.real_value|floatval}%

{/if}

</td>

</tr>

{/foreach}

</tbody>

</table>

</div>

{/if}

{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 $product->description}<li><a id="more_info_tab_more_info" href="#idTab1">{l s='More info'}</a></li>{/if}

{if $features}<li><a id="more_info_tab_data_sheet" href="#idTab2">{l s='Data sheet'}</a></li>{/if}

{if $attachments}<li><a id="more_info_tab_attachments" href="#idTab9">{l s='Download'}</a></li>{/if}

{if isset($accessories) AND $accessories}<li><a href="#idTab4">{l s='Accessories'}</a></li>{/if}

{if isset($product) && $product->customizable}<li><a href="#idTab10">{l s='Product customization'}</a></li>{/if}

{$HOOK_PRODUCT_TAB}

</ul>

</div>

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

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

{/if}

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

{foreach from=$features item=feature}

{if isset($feature.value)}

<li><span>{$feature.name|escape:'htmlall':'UTF-8'}</span> {$feature.value|escape:'htmlall':'UTF-8'}</li>

{/if}

{/foreach}

</ul>

{/if}

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

{foreach from=$attachments item=attachment}

<li><a href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html'}">{$attachment.name|escape:'htmlall':'UTF-8'}</a><br />{$attachment.description|escape:'htmlall':'UTF-8'}</li>

{/foreach}

</ul>

{/if}

{if isset($accessories) AND $accessories}

<ul>

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

{if ($accessory.allow_oosp || $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)}

<a href="{$accessoryLink|escape:'htmlall':'UTF-8'}">{$accessory.name|escape:'htmlall':'UTF-8'}</a>

{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}

</p>

<a href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{$accessory.legend|escape:'htmlall':'UTF-8'}" class="product_image span2"><img src="{$link->getImageLink($accessory.link_rewrite, $accessory.id_image, 'medium_default')|escape:'html'}" alt="{$accessory.legend|escape:'htmlall':'UTF-8'}" width="{$mediumSize.width}" height="{$mediumSize.height}" /></a>

<a href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{l s='More'}" class="product_description">{$accessory.description_short|strip_tags|truncate:400:'...'}</a>

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

<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'}"}" rel="ajax_id_product_{$accessory.id_product|intval}" title="{l s='Add to cart'}">{l s='Add to cart'}</a>

{/if}

</div>

</li>

{/if}

{/foreach}

</ul>

</div>

{/if}

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

{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}

<h3>{l s='Pictures'}</h3>

{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 href="{$link->getProductDeletePictureLink($product, $field.id_customization_field)|escape:'html'}" title="{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 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>

</form>

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

</div>

{/if}

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

</div>

{/if}

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

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

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

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

</div>

{/if}

shacker · November 25, 2014

ok, en esta seccion:

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

abajo coloca:

{include file="$tpl_dir./../../modules/customize/views/templates/front/customize.tpl"}

shacker · December 8, 2014

v1.4 - now can hook into hookDisplayProductButtons

shacker · December 15, 2014

corrected css style (bg #fff)

shacker · January 8, 2015

v1.5-solved issue to save on cart (must reinstall)

shacker · March 5, 2015

v1.5.1 - solved issue with addJsDef

Joe Michael · May 18, 2015

Guys i have a few problems

How can i change the background of the block to image, i've done this before on older version, but now i'm not able to handle the css :D ?

I have an extra "}" after "Pictures" e.g. " Pictures} " .

And one more thing i don't see the thumbnail when i upload custom image in FO, as well as in customer order in BO, but i'm able to download it.

Any help appreciated!

Edited May 18, 2015 by Joe Michael (see edit history)

shacker · May 25, 2015

Hi. What do you mean with that image in bg? i solve the } in next update.

Joe Michael · July 2, 2015

I mean that my website has a custom background everywhere, in previous version i was able to change the fixed color background of the "visible customiszation" block to the image i use for the website, for refference you can see my product page:

http://artstudio.bg/%D1%83%D0%BD%D0%B8%D0%BA%D0%B0%D0%BB%D0%BD%D0%B8-%D0%BF%D0%BE%D0%B4%D0%B0%D1%80%D1%8A%D1%86%D0%B8/8-%D1%83%D0%BD%D0%B8%D0%BA%D0%B0%D0%BB%D0%B5%D0%BD-%D0%BF%D0%BE%D0%B4%D0%B0%D1%80%D1%8A%D0%BA-%D1%81%D0%BD%D0%B8%D0%BC%D0%BA%D0%B0-%D0%B2%D1%8A%D1%80%D1%85%D1%83-%D0%B4%D1%8A%D1%80%D0%B2%D0%BE.html

if you have some tips how to do this in this version i'll be very happy.

When do we wait for new version with } fixed? :)

My thumbnail problem is now solved and was not related to this module, i found that the .htaccess file in the "/upload" directory was the problem. Not a very good solution by security means (i think), but i removed the contents of it. Maybe i'll set up some kind of regular backup to this folder.

Thanks!

Edited July 2, 2015 by Joe Michael (see edit history)

shacker · July 6, 2015

the module have a css, you need to change this line

#short_description_blockf {

margin-bottom: 1.5em;
padding: 0.7em;
margin-top: 1.5em;
text-align: center;
border: 1px #999 solid;
background: #fff;

}

shacker · December 4, 2015

v1.5.2 - Solved translations + new video demo

vikka · December 8, 2015

Thanks for the free module

Edited December 8, 2015 by vikka (see edit history)

shacker · December 8, 2015

from translations, select to translate the modules

Sébastien L · December 17, 2015

Bonjour,

Merci tout d'abord pour ce module gratuit

Je suis sur PS 1.6.3.1, mais je n'arrive pas à désactiver l'onglet de personnalisation du produit en bas de page.

En sélectionnant "oui", cela n'a aucun effet sur l'onglet de personnalisation en bas de page.

De plus, les utilisateurs n'arrivent pas à enregistrer car il y a une erreur "Veuillez remplir tous les champs requis, puis enregistrer votre personnalisation."

Comment résoudre ce problème ?

Merci par avance,

Bien cordialement et Joyeuses fêtes

SLETE

shacker · January 11, 2016

Bonjour,

Merci tout d'abord pour ce module gratuit

Je suis sur PS 1.6.3.1, mais je n'arrive pas à désactiver l'onglet de personnalisation du produit en bas de page.

En sélectionnant "oui", cela n'a aucun effet sur l'onglet de personnalisation en bas de page.

De plus, les utilisateurs n'arrivent pas à enregistrer car il y a une erreur "Veuillez remplir tous les champs requis, puis enregistrer votre personnalisation."

Comment résoudre ce problème ?

Merci par avance,

Bien cordialement et Joyeuses fêtes

SLETE

url?

shacker · February 19, 2016

v1.6- added option to hide by position in ps 1.6

shacker · May 3, 2017

v1.7-removed hook in cart section

fr4j4n · May 21, 2017

I have a problem with this module on PS 1.6.1.10
All seems to wirk except i have no displayProductButton available for hook !

you can see in action here : http://test.ccreatif.fr/porte-cles-simple-face/1-porte-cle-simple-face.html

shacker · May 21, 2017

Hi. That hook was removed because causes issue when add to cart

shacker · October 23, 2018

v1.8-compatible ps 1.7

[Module] Visible Customization 1.8- Ps 1.3/1.7

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

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in