Jump to content

Boton en quick view o en miniatura producto


aperez1

Recommended Posts

Hola a todos,

 

Estoy intentando averiguar alguna forma de poder añadir un botón a través de un hook con una tpl en dos sitios diferentes, en el quick view del producto y en la miniatura del mismo.

 

Adjunto estas imágenes para dejar mas claro donde quiero colocar dicho botón

 

Muchas gracias y espero podáis ayudarme.

 

Alex.

 

 

post-1397218-0-65756200-1503049906_thumb.png

post-1397218-0-44490500-1503049936_thumb.png

post-1397218-0-40852200-1503049944_thumb.png

Link to comment
Share on other sites

Hola a todos,

 

Estoy intentando averiguar alguna forma de poder añadir un botón a través de un hook con una tpl en dos sitios diferentes, en el quick view del producto y en la miniatura del mismo.

 

Adjunto estas imágenes para dejar mas claro donde quiero colocar dicho botón

 

Muchas gracias y espero podáis ayudarme.

 

Alex.

 

 

Hola,

 

Necesita encontrar dicho código en el archivo product-list.tpl y moverlo al fondo

	{if isset($quick_view) && $quick_view}
							<div class="quick-view-wrapper-mobile">
							<a class="quick-view-mobile" href="{$product.link|escape:'html':'UTF-8'}" rel="{$product.link|escape:'html':'UTF-8'}">
								<i class="icon-eye-open"></i>
							</a>
						</div>
						<a class="quick-view" href="{$product.link|escape:'html':'UTF-8'}" rel="{$product.link|escape:'html':'UTF-8'}">
							<span>{l s='Quick view'}</span>
						</a>
						{/if}

Insertar en la parte inferior antes de este código

{if $page_name != 'index'}
					<div class="functional-buttons clearfix">
						{hook h='displayProductListFunctionalButtons' product=$product}
						{if isset($comparator_max_item) && $comparator_max_item}
							<div class="compare">
								<a class="add_to_compare" href="{$product.link|escape:'html':'UTF-8'}" data-id-product="{$product.id_product}">{l s='Add to Compare'}</a>
							</div>
						{/if}
					</div>
				{/if}

Bueno, entonces usted necesita para editar un poco de estilos css

Link to comment
Share on other sites

Hola,

 

Necesita encontrar dicho código en el archivo product-list.tpl y moverlo al fondo

	{if isset($quick_view) && $quick_view}
							<div class="quick-view-wrapper-mobile">
							<a class="quick-view-mobile" href="{$product.link|escape:'html':'UTF-8'}" rel="{$product.link|escape:'html':'UTF-8'}">
								<i class="icon-eye-open"></i>
							</a>
						</div>
						<a class="quick-view" href="{$product.link|escape:'html':'UTF-8'}" rel="{$product.link|escape:'html':'UTF-8'}">
							<span>{l s='Quick view'}</span>
						</a>
						{/if}

Insertar en la parte inferior antes de este código

{if $page_name != 'index'}
					<div class="functional-buttons clearfix">
						{hook h='displayProductListFunctionalButtons' product=$product}
						{if isset($comparator_max_item) && $comparator_max_item}
							<div class="compare">
								<a class="add_to_compare" href="{$product.link|escape:'html':'UTF-8'}" data-id-product="{$product.id_product}">{l s='Add to Compare'}</a>
							</div>
						{/if}
					</div>
				{/if}

Bueno, entonces usted necesita para editar un poco de estilos css

 

Se me olvidó añadir que todo esto lo estoy haciendo desde un modulo prestashop que estoy desarrollando. ¿Se podría hacer desde mi modulo? 

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
×
×
  • Create New...