Liquid, Javascript
Intento que este código muestre un mensaje diferente para cada imagen y no logro que lo haga:
<ul class="list-unstyled clearfix">
{%- if type == 'product' -%}
{%- for i in (1..4) -%}
{% capture image %}trust_image_product_{{ i }}{% endcapture %}
{%- if settings[image] != blank -%}
<li>
{%- assign img = settings[image] -%}
<img
srcset="{{ img | img_url: 'master' }}"
src="{{ img | img_url: 'master' }}"
loading="lazy"
alt="{{ img.alt | default: shop.name | escape }}"
>
<p class="text-center text-bold">
{%- if i == 4 -%}
{{ "titulo 4" | default: "Titulo 4" }}
{%- else if i == 5 -%}
{{ "titulo 5" | default: "Titulo 5" }}
{%- else if i == 6 -%}
{{ "título 6" | default: "Título 6" }}
</span>
{%- endif -%}
</p>
<p class="text-center">
{%- if i == 4 -%}
{{ "subtitulo 4" | default: "Subtitulo 4" }}
{%- else if i == 5 -%}
{{ "subtitulo 5" | default: "Subtitulo 5" }}
{%- else if i == 6 -%}
{{ "subtítulo 6" | default: "Subtítulo 6" }}
{%- endif -%}
</p>
</li>
{%- endif -%}
{%- endfor -%}
{%- else -%}
{%- for i in (4..6) -%}
{% capture image %}trust_image_cart_{{ i }}{% endcapture %}
{%- if settings[image] != blank -%}
<li>
{%- assign img = settings[image] -%}
<img
srcset="{{ img | img_url: 'master' }}"
src="{{ img | img_url: 'master' }}"
loading="lazy"
alt="{{ img.alt | default: shop.name | escape }}"
>
<p class="text-center text-bold">
{%- if i == 4 -%}
{{ "titulo 4" | default: "Titulo 4" }}
{%- else if i == 5 -%}
{{ "titulo 5" | default: "Titulo 5" }}
{%- else if i == 6 -%}
{{ "titulo 6" | default: "Titulo 6" }}
</span>
{%- endif -%}
</p>
<p class="text-center">
{%- if i == 4 -%}
{{ "subtitulo 4" | default: "Subtitulo 4" }}
{%- else if i == 5 -%}
{{ "subtitulo 5" | default: "Subtitulo 5" }}
{%- else if i == 6 -%}
{{ "subtítulo 6" | default: "Subtítulo 6" }}
{%- endif -%}
</p>
</li>
{%- endif -%}
{%- endfor -%}
{%- endif -%}
</ul>
<style>
.list-unstyled li {
display: inline-block;
vertical-align: top;
margin-right: 35px;
}
.list-unstyled li p {
margin: 0;
text-align: center;
}
Logro que las imágenes 4 y 5 tengan el código que corresponde, pero la imagen 6 toma el de la 5. Esto es lo que veo:
Quiero personalizar esos textos pero al hacer cambios en uno se cambian todos. Que estoy haciendo mal??
Agradecería a cualquiera que me ayude por favor
Hola, @Xgiraldo0:
Gracias por escribirnos. Entiendo por tu mensaje que estás editando el código del tema de tu tienda para que las imágenes que nos compartes muestren un texto diferente. Sin embargo, cualquier cambio se aplica a todos los textos de las imágenes, ¿cierto? Será un placer ayudar con esta cuestión.
Antes de nada, es importante tener en cuenta que puedes personalizar las diferentes secciones de una tienda desde el editor de temas de Shopify. Puedes acceder al mismo a través de la sección Tienda online > Temas > Personalizar. Dime, ¿has intentado ajustar el texto de estas imágenes a través de este apartado? Aparte, ¿podrías confirmarme el nombre del tema que está usando en tu tienda?
Dicho esto, cabe mencionar que cualquier pregunta relacionada con el lenguaje de código Liquid, Scripts o la API de Shopify queda fuera del alcance de nuestro conocimiento en el equipo de soporte en redes y la Comunidad de Shopify. Dicho esto, me alegra informarte de que existe un subforo en nuestra Comunidad que se llama Technical Q&A que está controlado por desarrolladores y expertos.
Este subforo está destinado a diferentes consultas. Entre ellas, preguntas sobre Liquid y JavaScript. Te recomendaría buscar hilos en dicho subforo o en el foro de Partners y desarrolladores para ver si alguien ha experimentado una situación similar y se ha resuelto en el pasado. Si no encuentras lo que estás buscando, puedes subir tu pregunta de nuevo. De esta forma, uno de los desarrolladores o participantes podrán darte más orientación. El idioma de interacción en estos foros es el inglés. No obstante, siempre puedes utilizar el traductor de Google para mostrar el contenido en español si lo necesitas.
Como alternativa, también puedes contratar a un experto de Shopify para realizar cualquier consulta. Este es un portal de especialistas y desarrolladores que pueden darte un presupuesto para cualquier tipo de consulta, implementación o desarrollo que quieras hacer con una tienda de Shopify. En este caso, un especialista podrá revisar contigo el código de esta sección y hacerlo funcionar cómo deseas.
Mientras, me pregunto cómo está siendo tu experiencia con Shopify hasta el momento. Dime, ¿qué tipo de tienda has creado con nuestra plataforma? ¿Qué productos o servicios ofreces a los clientes? ¿Qué objetivos a corto y largo plazo te gustaría conseguir con Shopify y con tu tienda?
Teo | Social Care @ Shopify
- ¿Te resultó útil mi respuesta? Dale Me gusta para hacérmelo saber
- ¿Resolvimos tu pregunta? Dale a Aceptar como solución
- Para saber más visita el Centro de ayuda de Shopify o nuestro Blog de Shopify
¿Alguna vez has creado una colección y has tenido problemas para añadir tus productos a...
By Ann Sep 10, 2024Una de las cosas que más presión genera a la hora de emprender con un negocio es conver...
By Teo Aug 20, 2024¿Alguna vez has visitado una página web lenta con imágenes pixeladas? ¿Qué haces cuando...
By Ann Aug 13, 2024