Estos pasos explican cómo mostrar las etiquetas de oferta de Webplanex Rewards Wallet en las páginas de colección/lista de colecciones y detalles de producto de su tienda Shopify, según la versión de su tema.
Versión del tema 2.0 y superior (Método de arrastrar y soltar):
-
Añadir bloque de aplicación:
En la barra lateral izquierda, localiza la sección "Añadir sección/Añadir bloque".
Desplázate hacia abajo hasta la sección "Aplicaciones". Sección.
-
Selección de etiqueta de oferta de Webplanex:
Según la página, seleccione el bloque adecuado:
- Colecciones/Lista de colecciones: Busque "WebPlanexCollectionLabel".
- Página de detalles del producto: Busque "Etiqueta de producto de WebPlanex".
-
Posicionamiento con arrastrar y soltar:
Arrastre y suelte el bloque seleccionado en la vista previa de la página, en la ubicación deseada.
-
Guardar cambios:
Haga clic en "Guardar". Para aplicar los cambios a tu tema.
Versión del tema inferior a la 2.0 (método de edición de código):
Acceso al código del tema:
- Inicia sesión en tu panel de administración de Shopify.
- Ve a Tienda en línea > Temas.
- Selecciona tu tema actual y haz clic en "Acciones" > Editar código.
Crear archivo Liquid (nuevo):
- En el editor de código del tema, ve al panel izquierdo y localiza la sección "Fragmentos".
- Crea un nuevo archivo llamado "wpcb-offer-label.liquid". Agrega el siguiente código al archivo y guárdalo.
Código para archivo Liquid:
{% assignment wpcb_type = 'wpcb_campaign_' | agregar: wpcb_label_type %} {%- si [wpcb_label_type].metafields[wpcb_type] -%} {% capturar wpcb_offer_sentance %} {% para etiqueta_oferta en [wpcb_label_type].metafields[wpcb_type] %} {{ etiqueta_oferta | last }} {% unless forloop.last %}, {% endunless %} {% endfor %} {% endcapture %}
{{ wpcb_offer_sentance }}{%- endif -%}
Incluir código en la plantilla del tema:
Busca el archivo de plantilla del tema correspondiente a la página elegida (colección o producto).
Dentro del código de la plantilla, usa el siguiente fragmento, reemplazando “wpcb_label_type” con el valor apropiado:
Fragmento de código
Etiqueta del producto:
{% render 'wpcb-offer-label',wpcb_label_type:'product' %}
Etiqueta de la colección:
{% render 'wpcb-offer-label',wpcb_label_type:'collection' %}
Parámetro opcional:
Si la variable de objeto de producto o colección tiene un nombre diferente, páselo como parámetro adicional:
Fragmento de código
{% render 'wpcb-offer-label',wpcb_label_type:'collection',collection : card_collection %} (Para colecciones llamadas 'card_collection')
{% render 'wpcb-offer-label',wpcb_label_type:'product',product : card_product %} (Para productos llamados 'card_product')
Notas importantes:
- Para versiones de tema anteriores a la 2.0, la ubicación específica de los archivos de código puede variar según la estructura de su tema.
- Asegúrese de reemplazar card_collection y card_product con los nombres de las variables de sus colecciones y productos en el parámetro opcional.