La información sobre el proveedor (vendor) del producto puede ser útil para el comprador. Y aunque en la mayoría de los casos en el tema de Shopify existe la posibilidad de mostrar sus nombres en la página del producto, en la página de la colección mostrar el vendor solo con la ayuda de ajustes del tema no será posible en todas las tiendas Shopify. Por ejemplo, esta opción no está disponible en el tema gratuito de Shopify Supply.
Pero no hay que desesperar. Se puede mostrar el nombre de los vendors con las herramientas estándar de Shopify, usando solo una línea de código Liquid (Liquid es el lenguaje de plantillas de las tiendas Shopify, más información):
{{ product.vendor }}
La dificultad puede surgir solo al entender dónde exactamente colocar esta línea en el código de tu tema.
Por ejemplo, en el tema Supply se puede mostrar el nombre del vendor justo encima del nombre del producto. Para hacerlo, sigue esta instrucción:
-
En el panel administrativo de tu tienda, entra en la subsección Themes del apartado Online store:
-
Abre el editor de temas haciendo clic en el enlace Edit code, que se encuentra en el menú desplegable Actions:
-
En el editor de temas, en la barra lateral izquierda, despliega la sección Snippets:
-
En la sección Snippets, encuentra el archivo product-grid-item.liquid y haz clic en él:
-
En el archivo abierto, busca la línea de código <p>{{ product.title }}</p>:
-
Antes de esta línea, coloca el código <div>{{ product.vendor }}</div>:
-
Si es necesario, añade estilo al elemento usando el atributo HTML style:
-
Después de esto, en la página de la colección de tu tienda online debería mostrarse el vendor de cada producto:
Dejar un comentario