Esta página fue impresa el Mar 19, 2024. Para acceder a la versión actual, por favor visita https://help.shopify.com/es/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/add-pick-an-option.
Cuando un cliente visita una página de producto en tu tienda online, se selecciona la primera variante disponible de forma predeterminada. Puedes usar esta personalización para desactivar la selección automática de la primera variante disponible. De esta manera, antes de mostrar una variante, se le solicitará al cliente que seleccione una manualmente.
Bu el código {% schema %}. Pega el siguiente código en la línea correspondiente de arriba:
Debería verse así:
Haz clic en Guardar.
Cambiar la configuración de idioma del botón Agregar al carrito
Puedes cambiar la configuración del idioma para el botón Agregar al carrito para que los productos no aparezcan como "No disponible" antes de realizar una selección.
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que deseas editar y haz clic en … > Editar el contenido del tema predeterminado.
En el cuadro Filtrar, comienza a escribir unavailable para mostrar la traducción "No disponible".
Reemplaza el texto No disponible con Make a selection.
Haz clic en Guardar.
Pasos para Debut
Sigue estos pasos para personalizar el tema Debut:
Edita el archivo JavaScript de tu tema
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
En el directorio Componentes, haz clic en theme.js o theme.js.liquid.
Agrega el siguiente código al final del archivo:
Busca el código _updatePrice: function(variant). Reemplaza el siguiente código:
con:
Si no puedes encontrar el código anterior, busca el siguiente código:
Cambiar la configuración de idioma del botón Agregar al carrito
Puedes cambiar la configuración del idioma para el botón Agregar al carrito para que los productos no aparezcan como "No disponible" antes de realizar una selección.
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que deseas editar y haz clic en … > Editar el contenido del tema predeterminado.
En el cuadro Filtrar, comienza a escribir unavailable para mostrar la traducción "No disponible".
Reemplaza el texto No disponible con Make a selection.
Haz clic en Guardar.
Pasos para Minimal
Sigue estos pasos para personalizar el tema Minimal:
Edita el archivo JavaScript de tu tema
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
En el directorio Componentes, haz clic en theme.js o theme.js.liquid.
Encuentra el código initProductVariant: function() {. Debajo, se encuentra el siguiente código:
Agrega el siguiente código en una nueva línea debajo:
Debería verse así:
Haz clic en Guardar.
Editar la plantilla de tu página de producto
Para editar la plantilla de tu página de producto:
En el directorio Secciones, haz clic en product-template.liquid.
Bu el código {% schema %}. Pega el siguiente código en la línea correspondiente de arriba:
Debería verse así:
Haz clic en Guardar.
Cambiar la configuración de idioma del botón Agregar al carrito
Puedes cambiar la configuración del idioma para el botón Agregar al carrito para que los productos no aparezcan como "No disponible" antes de realizar una selección.
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que deseas editar y haz clic en … > Editar el contenido del tema predeterminado.
En el cuadro Filtrar, comienza a escribir unavailable para mostrar la traducción "No disponible".
Reemplaza el texto No disponible con Make a selection.
Haz clic en Guardar.
Pasos para Narrative
Sigue estos pasos para personalizar el tema Narrative:
Edita el archivo JavaScript de tu tema
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
En el directorio Componentes, haz clic en custom.js.
Agrega el siguiente código al final del archivo:
Haz clic en Guardar.
Editar la plantilla de tu página de producto
Para editar la plantilla de tu página de producto:
En el directorio Secciones, haz clic en product-template.liquid.
Bu el código {% schema %}. Pega el siguiente código en la línea correspondiente de arriba:
Debería verse así:
Haz clic en Guardar.
Cambiar la configuración de idioma del botón Agregar al carrito
Puedes cambiar la configuración del idioma para el botón Agregar al carrito para que los productos no aparezcan como "No disponible" antes de realizar una selección.
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que deseas editar y haz clic en … > Editar el contenido del tema predeterminado.
En el cuadro Filtrar, comienza a escribir unavailable para mostrar la traducción "No disponible".
Reemplaza el texto No disponible con Make a selection.
Haz clic en Guardar.
Pasos para Simple
Sigue estos pasos para personalizar el tema Simple:
Edita el archivo JavaScript de tu tema
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
En el directorio Componentes, haz clic en theme.js o theme.js.liquid.
Encuentra el código initProductVariant: function() {. Debajo, se encuentra el siguiente código:
Agrega el siguiente código en una nueva línea debajo:
Debería verse así:
Haz clic en Guardar.
Editar la plantilla de tu página de producto
Para editar la plantilla de tu página de producto:
En el directorio Secciones, haz clic en product-template.liquid.
Bu el código {% schema %}. Pega el siguiente código en la línea correspondiente de arriba:
Debería verse así:
Haz clic en Guardar.
Cambiar la configuración de idioma del botón Agregar al carrito
Puedes cambiar la configuración del idioma para el botón Agregar al carrito para que los productos no aparezcan como "No disponible" antes de realizar una selección.
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que deseas editar y haz clic en … > Editar el contenido del tema predeterminado.
En el cuadro Filtrar, comienza a escribir unavailable para mostrar la traducción "No disponible".
Reemplaza el texto No disponible con Make a selection.
Haz clic en Guardar.
Pasos para Supply
Sigue estos pasos para personalizar el tema Supply:
Edita el archivo JavaScript de tu tema
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
En el directorio Componentes, haz clic en theme.js o theme.js.liquid.
Encuentra el código initProductVariant: function() {. Debajo, se encuentra el siguiente código:
Agrega el siguiente código en una nueva línea debajo:
Debería verse así:
Haz clic en Guardar.
Editar la plantilla de tu página de producto
Para editar la plantilla de tu página de producto:
En el directorio Secciones, haz clic en product-template.liquid.
Bu el código {% schema %}. Pega el siguiente código en la línea correspondiente de arriba:
Debería verse así:
Haz clic en Guardar.
Cambiar la configuración de idioma del botón Agregar al carrito
Puedes cambiar la configuración del idioma para el botón Agregar al carrito para que los productos no aparezcan como "No disponible" antes de realizar una selección.
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que deseas editar y haz clic en … > Editar el contenido del tema predeterminado.
En el cuadro Filtrar, comienza a escribir unavailable para mostrar la traducción "No disponible".
Reemplaza el texto No disponible con Make a selection.
Haz clic en Guardar.
Pasos para Venture
Sigue estos pasos para personalizar el tema Venture:
Edita el archivo JavaScript de tu tema
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
En el directorio Componentes, haz clic en theme.js o theme.js.liquid.
Bu el código {% schema %}. Pega el siguiente código en la línea correspondiente de arriba:
Debería verse así:
Haz clic en Guardar.
Cambiar la configuración de idioma del botón Agregar al carrito
Puedes cambiar la configuración del idioma para el botón Agregar al carrito para que los productos no aparezcan como "No disponible" antes de realizar una selección.
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que deseas editar y haz clic en … > Editar el contenido del tema predeterminado.
En el cuadro Filtrar, comienza a escribir unavailable para mostrar la traducción "No disponible".
Reemplaza el texto No disponible con Make a selection.
Haz clic en Guardar.
Pasos para los temas sin secciones
Agregar indicaciones a los menús desplegables de tus variantes
Para agregar indicaciones a los menús desplegables de tus variantes:
En el directorio Fragmentos, haz clic en Agregar un nuevo fragmento.
Asigna a tu nuevo fragmento el nombre pick-an-option.
En el directorio Diseño, haz clic en theme.liquid.
Busca la etiqueta de cierre </body> cerca del final del archivo. En una nueva línea justo encima de la etiqueta de cierre </body>, pega el siguiente código:
Haz clic en Guardar.
Busca el archivo que contiene el formulario de agregar al carrito: Tendrá un atributo action establecido en /cart/add. Debería estar en uno de estos cuatro archivos:
la plantilla product.liquid en la sección Plantillas
el diseño theme.liquid en la sección Diseño.
los fragmentos de código product.liquid en la sección Fragmentos.
los fragmentos de código single-product.liquid en la sección Fragmentos.
Minimal, Pop o Supply: si usas Minimal, Pop o Supply, busca todas las veces en que aparece este código:
Reemplázalo con el siguiente:
Otros temas gratis de Shopify: si usas cualquier otro tema de Shopify, busca este código:
Reemplázalo con el siguiente:
Haz clic en Guardar.
Cambiar la configuración de idioma del botón Agregar al carrito
Puedes cambiar la configuración del idioma para el botón Agregar al carrito para que los productos no aparezcan como "No disponible" antes de realizar una selección.
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que deseas editar y haz clic en … > Editar el contenido del tema predeterminado.
En el cuadro Filtrar, comienza a escribir unavailable para mostrar la traducción "No disponible".
Reemplaza el texto No disponible con Make a selection.
Haz clic en Guardar.
¿Estás listo/a para comenzar a vender con Shopify?