Documentación para Diseñadores

Crea tus propias plantillas en Tienda Nube

Productos Relacionados

La sección de "Productos Relacionados" se muestra en la página del producto.

Dentro de product.tpl, localizar el tag <div id="related products">, y reemplazar todo su contenido por el siguiente código (el ejemplo es de la plantilla Style) :

<div id="related-products">
	{% set related_products_ids = product.metafields.related_products.related_products_ids %}
	{% if related_products_ids %}
	{% set related_products = related_products_ids | get_products %}
	{% set show = (related_products | length > 0) %}
	{% endif %}
	{% if not show %}
	{% set related_products = category.products | shuffle | take(4) %}
	{% set show = (related_products | length > 1) %}
	{% endif %}
	{% if show %}

	<div class="row">
		<div class="col-md-12">
			<div class="section-title section-title-large">
				<fieldset><legend><h2>{{"Productos Relacionados" | translate}}</h2></legend></fieldset>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12">
			<section id="grid" class="grid clearfix">
				{% for related in related_products %}
				{% if product.id != related.id %}
				{% include 'snipplets/single_product.tpl' with {product : related} %}
				{% endif %}
				{% endfor %}
			</section>
		</div>
	</div>

	{% endif %}
</div>

En el código de arriba, localizar la parte donde muestra {% if show %}. En el código HTML que sigue después de esa parte, pueden ver que está el título de la sección ( <h2>{{ "Productos Relacionados" | translate }}</h2> ) y también más abajo se hace referencia a "snipplets/single_product.tpl".

Esto significa que la sección de Productos Relacionados va a utilizar este template para mostrar los productos, tal como lo muestra en la grilla de productos general.


Vista de los productos en la página de productos (utilizando single_product.tpl).
 


Vista de los productos en "Productos Relacionados" (también utilizando single_product.tpl)


Nota: No es requisito excluyente tener instalada la aplicación de Productos Relacionados para que se muestren en la página, pero si es altamente recomendable hacerlo.

Sin compromiso de compra ni estadía mínima. No hay costo de registro o cancelación.