MODIFICAR CODIGO CRAFT

Español Debates Temas de Shopify
1

Hola comunidad. Estoy necesitando modificar el codigo del tema CRAFT. Como muestro en la imagen se ve en la coleccion donde muestra los productos “a partir de” mostrando el precio mas bajo del producto. Me gustaria que me ayuden para que esa leyenda no aparezca y ademas se vea la primer variante por defecto del producto.

Gracias a todos

Sin título.png
Sin título.png1400×1050 237 KB

2

Hola @GustavoFRUMIX espero te encuentres bien

1. Eliminar la leyenda “A partir de” en los precios de las colecciones:

La leyenda “A partir de” aparece cuando un producto tiene variantes con precios diferentes. Para eliminarla, puedes editar el código del tema:

  • Accede al editor de código del tema:

    • En tu panel de administración de Shopify, ve a Tienda online > Temas.
    • Haz clic en los tres puntos junto al tema Craft y selecciona Editar código.

  • Edita el archivo correspondiente:

    • En el editor de código, busca el archivo que controla la visualización de los productos en las colecciones. Esto suele encontrarse en la carpeta sections o snippets y puede llamarse product-card.liquid, product-grid-item.liquid o algo similar.
    • Dentro de este archivo, localiza el código que muestra el precio del producto.
    • Busca una condición que verifique si el producto tiene variantes con precios diferentes y que muestre la leyenda “A partir de”.
    • Elimina o comenta ese bloque de código para que la leyenda ya no se muestre.

  • Guarda los cambios:

    • Después de realizar las modificaciones, guarda los cambios para que se apliquen en tu tienda.

Ten en cuenta que modificar el código del tema puede afectar el funcionamiento de tu tienda. Si no estás familiarizado con la edición de código, es recomendable duplicar el tema antes de realizar cambios, para tener una copia de seguridad.

2. Mostrar la primera variante por defecto del producto:

Para que la primera variante de un producto se muestre por defecto en la página de colección, puedes seguir estos pasos:

  • Accede al editor de código del tema:

    • Sigue los mismos pasos mencionados anteriormente para acceder al editor de código del tema.

  • Edita el archivo correspondiente:

    • Busca el archivo que controla la visualización de los productos en las colecciones, como se mencionó anteriormente.
    • Dentro de este archivo, localiza el código que maneja la selección de variantes del producto.
    • Asegúrate de que la primera variante esté seleccionada por defecto. Esto puede implicar ajustar el código JavaScript o Liquid que maneja la selección de variantes.

  • Guarda los cambios:

    • Después de realizar las modificaciones, guarda los cambios para que se apliquen en tu tienda.

Espero te sea útil, saludos.

3

Alfredo, gracias por tu apoyo. Finalmente lo logre. En el caso de “a partir de” se cambia Editar el contenido del tema predeterminado, es la opción que aparece abajo de Editar tema. Por otra parte para que muestre la primer variable del producto le pedí ayuda a chat gpt con el código. Quedo en perfectas condiciones. Gracias nuevamente!