Poner banner debajo de imagen producto

Eurogrow · July 27, 2016

Hola buenas

Quiero saber so se puede hacer esto de alguna manera, poner una imagen para poner Envios gratis, o envios 24h etc,,,

debajo de las imagenes de productos una especie de banner pequeño.

adjunto imagen de ejemplo

Hay algun modulo para esto o alguna manera?

gracias,

nersolar · July 28, 2016

no se si hay un modulo, pero puedes modificar el archivo product.tpl

si lo pegas aquí te podré ayudar.

Eurogrow · July 28, 2016

no se si hay un modulo, pero puedes modificar el archivo product.tpl

si lo pegas aquí te podré ayudar.

Buenas Nersolar

gracias por la ayuda, aqui pego el product.tpl

me parece raro que no hay aun modulo para esto, muchas tiendas lo tienen puesto,

{*

* 2007-2015 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}

{if !isset($priceDisplayPrecision)}

{assign var='priceDisplayPrecision' value=2}

{/if}

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

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

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

{elseif $priceDisplay == 1}

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

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

{/if}

{if !$content_only}

</div>

{/if}

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

<p class="alert alert-info">{l s='This product is not visible to your customers.'}

<span>{l s='Publish'}</span>

</a>

</a>

</p>

</div>

{/if}

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

{$confirmation}

</p>

{/if}

{if $product->new}

</span>

{/if}

{if $product->on_sale}

</span>

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

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

{/if}

{if $have_image}

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

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

</span>

{else}

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

{l s='View larger'}

</span>

{/if}

</span>

{/if}

</div>

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

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

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

{else}

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

{/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}"{if isset($cartSize)} height="{$cartSize.height}" width="{$cartSize.width}"{/if} itemprop="image" />

</a>

</li>

{/foreach}

{/if}

</ul>

</div>

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

{l s='Next'}

</a>

{/if}

</div>

{/if}

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

<a href="{$link->getProductLink($product)|escape:'html':'UTF-8'}" data-id="resetImages">

{l s='Display all pictures'}

</a>

</span>

</p>

{/if}

</div>

{if $product->online_only}

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

{/if}

<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='Reference:'} </label>

<span class="editable" itemprop="sku"{if !empty($product->reference) && $product->reference} content="{$product->reference}"{/if}>{if !isset($groups)}{$product->reference|escape:'html':'UTF-8'}{/if}</span>

</p>

{if !$product->is_virtual && $product->condition}

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

{if $product->condition == 'new'}

<span class="editable">{l s='New product'}</span>

{elseif $product->condition == 'used'}

{elseif $product->condition == 'refurbished'}

<span class="editable">{l s='Refurbished'}</span>

{/if}

</p>

{/if}

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

{if $product->description_short}

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

{/if}

{if $product->description}

{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':'UTF-8'}">{$packItem.name|escape:'html':'UTF-8'}</a>

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

</div>

{/foreach}

</div>

{/if}-->

</div>

{/if}

{if ($display_qties == 1 && !$PS_CATALOG_MODE && $PS_STOCK_MANAGEMENT && $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'}</span>

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

</p>

{/if}

<p id="availability_statut"{if !$PS_STOCK_MANAGEMENT || ($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" class="label{if $product->quantity <= 0 && !$allow_oosp} label-danger{elseif $product->quantity <= 0} label-warning{else} label-success{/if}">{if $product->quantity <= 0}{if $PS_STOCK_MANAGEMENT && $allow_oosp}{$product->available_later}{else}{l s='This product is no longer in stock'}{/if}{elseif $PS_STOCK_MANAGEMENT}{$product->available_now}{/if}</span>

</p>

{if $PS_STOCK_MANAGEMENT}

{if !$product->is_virtual}{hook h="displayProductDeliveryTime" product=$product}{/if}

<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">{if Validate::isDate($product->available_date)}{dateFormat date=$product->available_date full=false}{/if}</span>

</p>

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

{$HOOK_PRODUCT_OOS}

</div>

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

{if !$content_only}

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

{l s='Print'}

</a>

</li>

</ul>

{/if}

</div>

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

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

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

</p>

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

<div>

<p class="our_price_display" itemprop="offers" itemscope itemtype="https://schema.org/Offer">{strip}

{if $product->quantity > 0}<link itemprop="availability" href="https://schema.org/InStock"/>{/if}

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

<span id="our_price_display" class="price" itemprop="price" content="{$productPrice}">{convertPrice price=$productPrice|floatval}</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}

{hook h="displayProductPriceBlock" product=$product type="price"}

{/if}

{/strip}</p>

<p id="reduction_percent" {if !$product->specificPrice || $product->specificPrice.reduction_type != 'percentage'} style="display:none;"{/if}>{strip}

{if $product->specificPrice && $product->specificPrice.reduction_type == 'percentage'}-{$product->specificPrice.reduction*100}%{/if}

</span>

{/strip}</p>

<p id="reduction_amount" {if !$product->specificPrice || $product->specificPrice.reduction_type != 'amount' || $product->specificPrice.reduction|floatval ==0} style="display:none"{/if}>{strip}

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

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

{/if}

</span>

{/strip}</p>

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

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

{hook h="displayProductPriceBlock" product=$product type="old_price"}

<span id="old_price_display"><span class="price">{if $productPriceWithoutReduction > $productPrice}{convertPrice price=$productPriceWithoutReduction|floatval}{/if}</span>{if $tax_enabled && $display_tax_label == 1} {if $priceDisplay == 1}{l s='tax excl.'}{else}{l s='tax incl.'}{/if}{/if}</span>

{/if}

{/strip}</p>

{if $priceDisplay == 2}

<br />

<span id="pretaxe_price">{strip}

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

{/strip}</span>

{/if}

</div>

{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='Including'} <span id="ecotax_price_display">{if $priceDisplay == 2}{$ecotax_tax_exc|convertAndFormatPrice}{else}{$ecotax_tax_inc|convertAndFormatPrice}{/if}</span> {l s='for ecotax'}

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

{hook h="displayProductPriceBlock" product=$product type="unit_price"}

{/if}

{/if} {*close if for show price*}

{hook h="displayProductPriceBlock" product=$product type="weight" hook_origin='product_sheet'}

{hook h="displayProductPriceBlock" product=$product type="after_price"}

</div>

{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 for="quantity_wanted">{l s='Quantity'}</label>

<input type="number" min="1" 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>

</a>

</p>

{/if}

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

{l s='The minimum purchase order quantity for the product is'} <b id="minimal_quantity_label">{$product->minimal_quantity}</b>

</p>

{if isset($groups)}

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

{if $group.attributes|@count}

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

{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:'html':'UTF-8'}">{$group_attribute|escape:'html':'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}

{assign var='img_color_exists' value=file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}

<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}"{if !$img_color_exists && isset($colors.$id_attribute.value) && $colors.$id_attribute.value} style="background:{$colors.$id_attribute.value|escape:'html':'UTF-8'};"{/if} title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}">

{if $img_color_exists}

{/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:'html':'UTF-8'}</span>

</li>

{/foreach}

</ul>

{/if}

</div>

</fieldset>

{/if}

{/foreach}

</div>

{/if}

</div>

<div{if (!$allow_oosp && $product->quantity <= 0) || !$product->available_for_order || (isset($restricted_country_mode) && $restricted_country_mode) || $PS_CATALOG_MODE} class="unvisible"{/if}>

<span>{if $content_only && (isset($product->customization_required) && $product->customization_required)}{l s='Customize'}{else}{l s='Add to cart'}{/if}</span>

</button>

</p>

</div>

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

</div>

</div>

</form>

{/if}

</div>

</div>

{if !$content_only}

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

<h3 class="page-product-heading">{l s='Volume discounts'}</h3>

<thead>

<tr>

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

<th>{if $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>

{$quantity_discount.quantity|intval}

</td>

<td>

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

{if $display_discount_price}

{if $quantity_discount.reduction_tax == 0 && !$quantity_discount.price}

{convertPrice price = $productPriceWithoutReduction|floatval-($productPriceWithoutReduction*$quantity_discount.reduction_with_tax)|floatval}

{else}

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

{/if}

{else}

{convertPrice price=$quantity_discount.real_value|floatval}

{/if}

{else}

{if $display_discount_price}

{if $quantity_discount.reduction_tax == 0}

{convertPrice price = $productPriceWithoutReduction|floatval-($productPriceWithoutReduction*$quantity_discount.reduction_with_tax)|floatval}

{else}

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

{/if}

{else}

{$quantity_discount.real_value|floatval}%

{/if}

</td>

<td>

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

{$discountPrice=$productPriceWithoutReduction|floatval-$quantity_discount.real_value|floatval}

{else}

{$discountPrice=$productPriceWithoutReduction|floatval-($productPriceWithoutReduction*$quantity_discount.reduction)|floatval}

{/if}

{$discountPrice=$discountPrice * $quantity_discount.quantity}

{$qtyProductPrice=$productPriceWithoutReduction|floatval * $quantity_discount.quantity}

{convertPrice price=$qtyProductPrice - $discountPrice}

</td>

</tr>

{/foreach}

</tbody>

</table>

</div>

</section>

{/if}

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

<h3 class="page-product-heading">{l s='Data sheet'}</h3>

{foreach from=$features item=feature}

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

{/if}

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

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

</section>

{/if}

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

<h3 class="page-product-heading">{l s='Pack content'}</h3>

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

</section>

{/if}

{$HOOK_PRODUCT_TAB}

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

</section>

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

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

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

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

{$accessory.description_short|strip_tags|truncate:25:'...'}

</a>

</div>

{$accessory.name|truncate:20:'...':true|escape:'html':'UTF-8'}

</a>

</h5>

{if $accessory.show_price && !isset($restricted_country_mode) && !$PS_CATALOG_MODE}

{if $priceDisplay != 1}

{displayWtPrice p=$accessory.price}{else}{displayWtPrice p=$accessory.price_tax_exc}

{/if}

</span>

{/if}

</div>

{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':'UTF-8'}" data-id-product="{$accessory.id_product|intval}" title="{l s='Add to cart'}">

</a>

</div>

{/if}

</div>

</li>

{/if}

{/foreach}

</ul>

</div>

</section>

{/if}

{if isset($HOOK_PRODUCT_FOOTER) && $HOOK_PRODUCT_FOOTER}{$HOOK_PRODUCT_FOOTER}{/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 isset($attachments) && $attachments}

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

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

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

{/if}

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

<h3 class="page-product-heading">{l s='Product customization'}</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}

<h5 class="product-heading-h5">{l s='Pictures'}</h5>

{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':'UTF-8'}" title="{l s='Delete'}" >

</a>

</div>

{/if}

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

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

</button>

</span>

</p>

</form>

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

</section>

{/if}

</div>

{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|escape:'quotes':'UTF-8'}

{addJsDef attributesCombinations=$attributesCombinations}

{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 customizationId=$id_customization}

{addJsDef customizationFields=$customizationFields}

{addJsDef default_eco_tax=$product->ecotax|floatval}

{addJsDef displayPrice=$priceDisplay|intval}

{addJsDef ecotaxTax_rate=$ecotaxTax_rate|floatval}

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

{if isset($customer_group_without_tax)}

{addJsDef customerGroupWithoutTax=$customer_group_without_tax|boolval}

{else}

{addJsDef customerGroupWithoutTax=false}

{/if}

{if isset($group_reduction)}

{addJsDef groupReduction=$group_reduction|floatval}

{else}

{addJsDef groupReduction=false}

{/if}

{addJsDef oosHookJsCodeFunctions=Array()}

{addJsDef productHasAttributes=isset($groups)|boolval}

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

{addJsDef productPriceTaxIncluded=($product->getPriceWithoutReduct(false)|default:'null' - $product->ecotax * (1 + $ecotaxTax_rate / 100))|floatval}

{addJsDef productBasePriceTaxExcluded=($product->getPrice(false, null, 6, null, false, false) - $product->ecotax)|floatval}

{addJsDef productBasePriceTaxExcl=($product->getPrice(false, null, 6, null, false, false)|floatval)}

{addJsDef productBasePriceTaxIncl=($product->getPrice(true, null, 6, null, false, false)|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=$PS_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}

{addJsDefL name='product_fileDefaultHtml'}{l s='No file selected' js=1}{/addJsDefL}

{addJsDefL name='product_fileButtonHtml'}{l s='Choose File' js=1}{/addJsDefL}

{/strip}

{/if}

nersolar · July 28, 2016

OK.

Justo una linea encima de donde aparece esto

</div>

haces un espacio y pones esto:

P.D.: esto es una solución muy muy sencilla, se puede hacer mucho mejor con divs y responsive, pero eso ya es cosa tuya.

Edited July 28, 2016 by nersolar (see edit history)

Eurogrow · July 28, 2016

OK.

Justo una linea encima de donde aparece esto

</div> 

haces un espacio y pones esto:

<img src="dirección web de tu imagen" alt="titulo de la imagen" title="titulo para cuando la imagen no se muestra" height="ancho de la imagen en pixeles ej: 300" width="ancho de la imagen en pixeles ej: 300"/>

P.D.: esto es una solución muy muy sencilla, se puede hacer mucho mejor con divs y responsive, pero eso ya es cosa tuya.

Esta bien!! lo unico que en la version escritorio depende del ancho que le pongas, se ve o en un lateral, ala derecha, encima del tituo, o ala izquierda al lado de foto del producto, pero no se ve abajo

en el tema movil si que se ve justo debajo de la foto de producto.

Muchas gracias,.

Sabrias alguna solucion para esto

nersolar · July 28, 2016

eso es porque la imagen es demasiado grande y no cabe en el sitio que quieres ponerla, se la solución y te lo podría hacer todo para que copiaras y pegaras, pero no conozco tu web ni el espacio del que dispongo.

para arreglar y que quede un poco mejor te daré un par de pistas para que tu mismo puedas aprender a hacerlo.

pon el código dentro de un <div> y aplícale un estilo para que se adapte al tamaño que tienes y modifica los estilos hasta que quede a tu gusto.

para ello yo suelo usar firebug para firefox, va muy bien para cambiar los estilos de forma temporal para dejarlo a mi gusto y luego lo pego en el archivo.

verás que cambiando el height y el width cambia el tamaño, cambiando el color "pink" por otro te pone el div de otro color, veras que cambiando el padding te cambia los margenes entre el div y la imagen y verás que el float cambia la posición del div dentro del espacio.

si investigas un poco en google encontrarás rápidamente una solución

<div style="height:100px; width:100px; background-color:pink; padding:10px; float:left;">
<img  src="dirección web de tu imagen" alt="titulo de la imagen" title="titulo para cuando la imagen no se muestra" height="ancho de la imagen en pixeles ej: 300" width="ancho de la imagen en pixeles ej: 300"/>
</div>

Eurogrow · July 28, 2016

eso es porque la imagen es demasiado grande y no cabe en el sitio que quieres ponerla, se la solución y te lo podría hacer todo para que copiaras y pegaras, pero no conozco tu web ni el espacio del que dispongo.

para arreglar y que quede un poco mejor te daré un par de pistas para que tu mismo puedas aprender a hacerlo.

pon el código dentro de un <div> y aplícale un estilo para que se adapte al tamaño que tienes y modifica los estilos hasta que quede a tu gusto.

para ello yo suelo usar firebug para firefox, va muy bien para cambiar los estilos de forma temporal para dejarlo a mi gusto y luego lo pego en el archivo.

verás que cambiando el height y el width cambia el tamaño, cambiando el color "pink" por otro te pone el div de otro color, veras que cambiando el padding te cambia los margenes entre el div y la imagen y verás que el float cambia la posición del div dentro del espacio.

si investigas un poco en google encontrarás rápidamente una solución
<div style="height:100px; width:100px; background-color:pink; padding:10px; float:left;">
<img  src="dirección web de tu imagen" alt="titulo de la imagen" title="titulo para cuando la imagen no se muestra" height="ancho de la imagen en pixeles ej: 300" width="ancho de la imagen en pixeles ej: 300"/>
</div>
Muchas gracias nersolar, he probado varias veces, pero me queda muy desajustado y la verdad es que tengo muy poco tiempo para investigar, por mas que pruebo parametros css no consigo dejarlo donde quiero se me descuadra todo, y necesito poner esto,

Alguien mas por aqui que pueda hechar una mano¿

gracias de nuevo.

Eurogrow · July 29, 2016

Al final me toca comprar un modulo de 90€

una empresa conocida de modulos me pedia 217€ + iva por hacer simplemente esto,

pero nada me toca gastarme 90€ para hacerlo gracias.

roolz · July 29, 2016

Podrías poner un enlace de ejemplo de tu página para darle un vistazo? A priori no te haría falta comprar ningún módulo. Editando el fichero product.tpl al final de la columna bootrstrap de la foto bastaría.

Eurogrow · July 29, 2016

Podrías poner un enlace de ejemplo de tu página para darle un vistazo? A priori no te haría falta comprar ningún módulo. Editando el fichero product.tpl al final de la columna bootrstrap de la foto bastaría.

Hola Roolz

Mira dejo un enlace hacia un producto de la web, por que con lo que ha comentado nersolar, me es imposible ajustarlo de ninguna manera, se descuadra todo.

http://eurogrow.es/inicio/2322-channel-.html

Solo es poner un rectangulo con una imagen.

muchas gracias.

roolz · July 29, 2016

Hola Roolz

Mira dejo un enlace hacia un producto de la web, por que con lo que ha comentado nersolar, me es imposible ajustarlo de ninguna manera, se descuadra todo.

http://eurogrow.es/inicio/2322-channel-.html

Solo es poner un rectangulo con una imagen.

muchas gracias.

Buenas,

Dentro del product.tpl

Busca la siguiente Línea:

Aquí tienes la columna bootrstrap donde está incrustada la imágen principal del producto y también los thumbails.

Justo antes dle cierre de este div intenta añadir:,

A priori la clase img-responsive la lleva de por sí bootrstrap así que te debería funcionar.

Prueba con esto y nos dices

Saludos!

Edited July 29, 2016 by roolz (see edit history)

roolz · July 29, 2016

He añadido tu logo a nivel de navegador, con lo que te he proporcionado y me funciona correctamente,

Te añado imagen.

Saludos

Eurogrow · July 29, 2016

Buenas,

Dentro del product.tpl

Busca la siguiente Línea:

<div class="pb-left-column col-xs-12 col-sm-4 col-md-5">

Aquí tienes la columna bootrstrap donde está incrustada la imágen principal del producto y también los thumbails.

Justo antes dle cierre de este div intenta añadir:,

<img src="url de la imágen dentro del FTP" class="img-responsive" title="Lo que quieras que aparezca aqúi" alt="descripción de la imágen que has añadido">

A priori la clase img-responsive la lleva de por sí bootrstrap así que te debería funcionar.

Prueba con esto y nos dices

Saludos!

Perfecto gracias por la ayuda

acabo de probarlo,,

Se queda muy grande, adjunto imagen para que me entiendas mejor,

y el tema movil tambien se queda muy grande,

no se puede editar el css por que afecta a todas las demas imagenes de la plantilla, como el logo etc...

roolz · July 29, 2016

Varias cosas.

El banner entonces no lo quieres debajo de la imágen de producto, sino al final de la descripción corta por lo que veo. Si quieres que la imagen sea horizontal, utiliza algún editor para recortarla, ya que tu imagen es cuadrada por defecto. Es ya tema de diseño de la imágen y no problema del código. Recorta los espacios blancos superiores e inforerioes de la imágen y listo.

Saludos

Eurogrow · July 29, 2016

Varias cosas.

El banner entonces no lo quieres debajo de la imágen de producto, sino al final de la descripción corta por lo que veo. Si quieres que la imagen sea horizontal, utiliza algún editor para recortarla, ya que tu imagen es cuadrada por defecto. Es ya tema de diseño de la imágen y no problema del código. Recorta los espacios blancos superiores e inforerioes de la imágen y listo.

Saludos

Ya esta hecho,!

Bueno lo queria debajo de la imagen, pero donde queda pegando ahi el codigo es ahi, y tampoco queda mal, ahí me vale, así que me he ahorrado 90€ y a sido superfacil,

gracias roolz y nersolar si algun dia quereis comprar algo avisar y os hacemos un descuento jejejejej

Un salud!!!!

Solucionado

roolz · July 29, 2016

Pa eso estamos! Recuerda modificar el título del primer post y añadir el Solucionado.

Saludos

Eurogrow · July 29, 2016

No se como ponerlo solucionado en el titulo

Poner banner debajo de imagen producto

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

Create an account or sign in to comment

Create an account

Sign in