Ir al contenido principal

¿Cómo muestro u oculto la cantidad de artículos?

Aprende a desactivar o activar la cantidad de un artículo en tu sitio web.

Colin Connor avatar
Escrito por Colin Connor
Actualizado hoy

Esta función está disponible en todos los planes de Goodshuffle Pro.

Antes

Después

Mostrar cantidad en el componente item-card (

artículos en la vista de lista)

Mostrar cantidad en el detalle del artículo (ventana emergente al hacer clic en un artículo)

Funciones disponibles en la versión 0.5.2 de la Lista de deseos o posterior

Puedes habilitar la visualización de cantidades de artículos en dos lugares usando las opciones <gspro-wishlist-config> show-quantity-on-detail/show-quantity-on-ca.

Estas dos opciones se pueden usar de forma independiente, pero el siguiente ejemplo de código completo muestra ambas opciones activadas (con una clave de navegador de ejemplo).

<gspro-wishlist-config 
data-url="https://data.goodshuffle.com/vendor/a1b2c3d4e5f6g7"
show-quantity-on-card="true"
show-quantity-on-detail="true"
></gspro-wishlist-config>


Funciones disponibles en versiones anteriores de la Lista de deseos

Puedes habilitar la visualización de cantidades de artículos en dos lugares usando CSS.

NOTA: Las cantidades que se muestran son solo las cantidades máximas de inventario, no el inventario real disponible. Esto te permite:

  • ofrecer inventario alternativo (por ejemplo, color ligeramente diferente)

  • subarrendar o comprar más artículos para completar el pedido

Para mostrar la cantidad en el componente item-card (artículos en la vista de lista):

gspro-item-card.gspro-c-item-card .gspro-c-item-card__quantity { 
display: block !important;
}

Para mostrar la cantidad en el detalle del artículo (ventana emergente al hacer clic en un artículo):

.gspro-c-item-detail__quantity { 
display: block !important;
}

Si deseas ocultar la cantidad de artículos, simplemente reemplaza display: block !important por display: none !important en los fragmentos anteriores.


¿Necesitas ayuda adicional?

Haz clic en la burbuja de chat azul en la esquina inferior derecha de tu pantalla para enviar un mensaje a nuestro equipo de soporte. ¡Estamos felices de ayudarte!

Descargo de responsabilidad: Este artículo fue traducido usando IA. Si tienes preguntas o necesitas aclaraciones, por favor contáctanos usando la burbuja de chat en la esquina inferior de tu pantalla.

¿Ha quedado contestada tu pregunta?