Ayuda con creación de botones (solucionado)

DanielVNetwork · September 9, 2015

Hola, os comento, estoy creándole una " tienda " online a un familiar, pero el tema de la tienda es un poco delicado así que he pensado en quitar el botón de comprar, y dejarlo como catalogo, y a su vez, al lado de cada producto poner 2 botones, 1 de contacto, para que hagan un formulario con ese producto, y otro de " llamada gratis " que llevará a otro formulario para que le llamen, al ser tan tradicional no quieren que se sepa el precio de los productos, un ejemplo de botones que quiero poner sería estos, http://s2.subirimagenes.com/imagen/previo/thump_9460767botones.png, y la web para que veáis por que el tema es delicado y en el hueco a la derecha del producto quedarían bien o eso creo,
http://www.lapidasnievesperez.com/porcelana/25-lapida-corazon-de-maria-en-blanco-y-negro-con-granito-sudafrica.html

Muchas gracias de antemano!

PD: Acepto sugerencias jeje

Edited October 9, 2015 by DanielVNetwork (see edit history)

Dany developer · September 9, 2015

Hola Daniel

Bueno el primer botón de contacto no hay tanto problema pues yo use el funcionamiento de comentarios que tiene prestashop para agregar este formulario de contacto, es decir el formulario de comentarios lo hice de contacto, para eso use el tutorial que viene en este post :

https://www.prestashop.com/forums/topic/451032-email-despues-de-un-comentario-solucionado/

En cuanto al segundo no entiendo como debería de quedar.

Saludos

DanielVNetwork · September 9, 2015

Gracias, pero creo que no es lo que busco, la verdad es que los botones y la idea la he sacado de la competencia, mira como lo tienen estos, http://www.lapidasnorberto.es/panteones/lapida-b30-granito.htm , pues yo busco un sistema parecido, ( pondré otros botones, esos son de ejemplo ) la idea es esa, gracias!

Dany developer · September 9, 2015

Bueno lo que realmente hacen los botones de la competencia es que te llevan a la sección de contacto y el botón de llamada hace exactamente lo mismo (el link es el mismo), si lo que quieres es eso mismo solo tienes que agregar estos botones en el product.tpl de tu tema y agregarles el link a http://tu-dominio.com/contactanos, ya solo tienes que editar el archivo contact.tpl de tu tema para que quede a tu gusto.

Saludos

DanielVNetwork · September 9, 2015

Y por casualidad no tendrás idea de en que parte del código se debe hacer? gracias Dany por la ayuda!

Dany developer · September 9, 2015

Bueno depende de donde quieres agregarlos exactamente, si me mandas una foto editada de donde los quieres exactamente te podria generar el codigo o almenos que tengas conocimientos de html, si es asi solo tienes que ir a la dereccion tuproyecto/themes/default-bootstrap/product.tpl y solo debes buscar el unico <form> que hay en el codigo de ahi te puedes guiar ya que estaras en la seccion de descripcion del producto.

Saludso

DanielVNetwork · September 10, 2015

Hola Dany, mira mi el form de mi product.tpl es así:

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

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

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

{/if}

</p>

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

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

</span>

</p>

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

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

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

{/if}

</span>

</p>

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

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

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

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

{/if}

</p>

{if $priceDisplay == 2}

<br />

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

{l s='tax excl.'}

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

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

</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='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)}

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

</div>

</div>

</form>

Y hecho un pequeño montaje de como me gustaría que quedaran los botones, las imágenes de los botones los cambiaré cuando haga el diseño y creo que también haré páginas para los 2, con distinto texto, no una misma url, como lo ves?

Dany developer · September 10, 2015

Bueno primero localiza esta linea en el mismo archivo

<div class="pb-center-column col-xs-12 col-sm-4">

despues cambiala por esta:

<div class="pb-center-column col-xs-12 col-sm-4" style="width:30%;">

Ahora tienes que fijarte bien donde cierra esta etiqueta y despues agregas esto:

<div style="width:20%; float:left;">
<a href="#"><img src="{$base_dir}carpeta/tuimagen.png"><br></a>
<a href="#"><img src="{$base_dir}carpeta/tuimagen.png"></
</div>

Tienes que hacer una carpeta en la raíz del proyecto (osea así tu_proyecto/tu_nueva_carpeta) y poner ahi las imágenes de los botones.

Los # de los links los tienes que cambiar a donde quieres que valla cada imagen.

Esto practicamente lo hice a ciegas por que no lo probe pero deberia estar muy cerca de lo que quieres, solo deberia acodarlo con css.

Saludos

DanielVNetwork · October 8, 2015

Hola Dany, lo dejé abandonado y ahora he estado probando y no sale bien, es más se cambia todo y queda muy raro, no se si te entendí bien con lo que me decías pero me queda así

<a href="http://www.lapidasnievesperez.com/content/1-Como-comprar"><img src="{$base_dir}images/boton-para-llamar.png"></

</div>

Dany developer · October 8, 2015

mmmm creo que te di mal las instrucciones por que pensé que asumirías algunas cosas pero es mi culpa por no explicarme bien:

Mira la seccion del producto esta dividido originalmente por 2 div que tienen un porcentaje de 50%, lo que tratamos de hacer es dividir una de estas secciones (la que no tiene la imagen) en otras 2 es decir tendriamos 3 secciones una de 50%(la seccion que tiene las imagenes), una de 30% (donde esta la informacion como nombre, descripcion, etc.) y la de 20% (que es donde iran los botones que deseas) el codigo quedaria asi:

<div class="pb-center-column col-xs-12 col-sm-4" style="width:30%;">
....
Contenido
....
</div>
<div style="width:20%; float:left;">
<a href="#"><img src="{$base_dir}carpeta/tuimagen.png"><br></a>
<a href="#"><img src="{$base_dir}carpeta/tuimagen.png"></
</div>

trata con esto haber que tal.

Saludos

DanielVNetwork · October 8, 2015

Visto lo visto o contrato a alguien que lo haga, o me hago un curso para dummys por que no hay manera.

mira échale un vistazo http://www.lapidasnievesperez.com/arte-funerario/57-lapida-angel-en-relieve.html

(los 2 botones son iguales para ver como queda)

Eso de contenido no lo entiendo se queda en medio, y el nombre de el producto también tiene el enlace al mismo sitio, ¿qué puedo hacer Dany? ¿Abandono el intento? xD

Sin conocimientos de estas cosas es difícil.

Gracias por todo y siento darte tanto trabajo.

Dany developer · October 8, 2015

ammm mira el mensaje de contenido lo deje ahi como referencia a todo el contenido que habia dentro del div, pero viendo que batallas tanto mejor pasame el tpl, yo hare el cambio

Ayuda con creación de botones (solucionado)

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