Ocultar botones de agregar al carrito
Puedes ocultar tus botones de Agregar al carrito en tu tienda online y volver a mostrarlos en el futuro.
Temas con y sin secciones
Desde tu panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.
Desde la app de Shopify, toca Tienda.
En la sección Canales de ventas, selecciona Tienda online.
Toca Administrar temas.
Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.
Desde la app de Shopify, toca Tienda.
En la sección Canales de ventas, selecciona Tienda online.
Toca Administrar temas.
Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.
- En el directorio Secciones, haz clic para abrir tu archivo
product-template.liquid. Busca el código HTML del botón Agregar al carrito. Para comenzar, puedes buscar la palabra carrito.
El código del botón Agregar al carrito varía según el tema. Busca una etiqueta <input> o <button> con texto como Add to cart, AddToCart o add-to-cart.
En el tema Debut, el código del botón agregar al carrito se ve así:
<button type="submit" name="add" id="AddToCart-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn product-form__cart-submit{% if product.options.size == 1 and product.variants[0].title == 'Default Title' %} product-form__cart-submit--small{% endif %}">
<span id="AddToCartText-{{ section.id }}">
{% unless current_variant.available %}
{{ 'products.product.sold_out' | t }}
{% else %}
{{ 'products.product.add_to_cart' | t }}
{% endunless %}
</span>
</button>- Cuando encuentres el código, inclúyelo entre las etiquetas Liquid
{% comment %}y{% endcomment %}. Esto impedirá que el código se muestre en tu tienda, pero te permitirá volver a colocarlo fácilmente si quieres cambiar tu nueva plantilla más adelante.
En el ejemplo anterior, el código nuevo tendría este aspecto:
{% comment %}
<button type="submit" name="add" id="AddToCart-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn product-form__cart-submit{% if product.options.size == 1 and product.variants[0].title == 'Default Title' %} product-form__cart-submit--small{% endif %}">
<span id="AddToCartText-{{ section.id }}">
{% unless current_variant.available %}
{{ 'products.product.sold_out' | t }}
{% else %}
{{ 'products.product.add_to_cart' | t }}
{% endunless %}
</span>
</button>
{% endcomment %}- Haz clic en Guardar para confirmar tus cambios.
Cuando estés listo para mostrar tus botones de Agregar al carrito nuevamente, vuelve a tu archivo product-template.liquid en la página Editar HTML/CSS, elimina las etiquetas {% comment %} y {% endcomment %}, y haz clic en Guardar.
Desde tu panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.
Desde la app de Shopify, toca Tienda.
En la sección Canales de ventas, selecciona Tienda online.
Toca Administrar temas.
Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.
Desde la app de Shopify, toca Tienda.
En la sección Canales de ventas, selecciona Tienda online.
Toca Administrar temas.
Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.
- En el directorio Plantillas, haz clic para abrir tu archivo
product.liquid. Busca el código HTML del botón Agregar al carrito. Para comenzar, puedes buscar la palabra carrito.
El código del botón Agregar al carrito varía según el tema. Busca una etiqueta <input> o <button> con texto como Add to cart, AddToCart o add-to-cart.
En el tema Minimal, el código del botón del carrito debería verse así:
<button type="submit" name="add" id="AddToCart" class="btn">
<span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
</button>- Cuando encuentres el código, inclúyelo entre las etiquetas Liquid
{% comment %}y{% endcomment %}. Esto impedirá que el código se muestre en tu tienda, pero te permitirá volver a colocarlo fácilmente si quieres cambiar tu nueva plantilla más adelante.
En el ejemplo anterior, el código nuevo tendría este aspecto:
{% comment %}
<button type="submit" name="add" id="AddToCart" class="btn">
<span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
</button>
{% endcomment %}- Haz clic en Guardar para confirmar tus cambios.
Cuando quieras volver a mostrar tus botones de Agregar al carrito, vuelve a tu plantilla product.liquid en la página Editar HTML/CSS, elimina las etiquetas {% comment %} y {% endcomment %} y haz clic en Guardar.