Quisiera eliminar Cantidad de paginas que aparecen en la parte inferior de colección destacada de la pagina principal. Utilizado el tema Dawn. Gracias de antemano.
Topic summary
Un usuario del tema Dawn de Shopify busca eliminar la paginación que aparece en la parte inferior de la sección de colección destacada en su página principal.
Solución proporcionada:
- Se explica que la paginación aparece por defecto cuando se activa el modo carrusel en la colección destacada
- Se ofrece código CSS personalizado para ocultar el contador de páginas:
.slider-counter { display: none; } - Para ocultar también las flechas de navegación, se proporciona código adicional:
.slider-buttons { display: none; }
Implementación:
El código debe añadirse en: Tienda online > Temas > Personalizar > Icono de engranaje > CSS personalizado
Desarrollo adicional:
Otro usuario confirma que el código funciona para el contador, pero solicita específicamente eliminar las flechas de navegación en dispositivos móviles para que los clientes solo deslicen con el dedo. Incluye capturas de pantalla mostrando las flechas que desea remover.
Hola, @Ricardo43 :
Gracias por escribirnos. Entiendo por tu mensaje que te gustaría ocular los botones de páginas disponibles que aparece en la sección de carrusel de colección destacada en tu tienda, ¿cierto? Será un placer ayudar.
A modo de contexto, es importante tener en cuenta que esta sección aparece configurada por defecto cuando se activa el modo carrusel dentro de la colección destacada. Puedes revisar o editar esta configuración desde el editor de temas de tu tienda. Para ello, puedes acceder a la sección Tienda online > Temas > Personalizar. En el menú de la izquierda, haz clic en Colección destacada. En esta sección localiza la opción de Activar carrusel en computadora. Dime, ¿deseas usar esta configuración de carrusel?
Si, en efecto, deseas seguir disponiendo la colección destacada en un carrusel, pero deseas ocultar la sección con el número de páginas, será necesario hacer un pequeño cambio en el código CSS del tema. Shopify cuenta con una herramienta nativa que permite configurar CSS personalizado en las tiendas también en el editor de temas. A continuación, te dejo el código y los pasos a seguir para añadirlo a tu tienda:
.slider-counter {> display: none;> }
- Dirígete a la sección Tienda online > Temas.
- Haz clic en Personalizar.
- En la sección de la izquierda, haz clic en el Icono de engranaje.
- Baja hasta el apartado CSS personalizado.
- Pega el código que te comparto.
- Guarda la configuración.
De esta manera, la sección de carrusel de la colección destacada se dejará de mostrar con el número de páginas. Ten en cuenta que con este código CSS se seguirán mostrando las flechas de dirección. Si también deseas ocultas esta sección, puedes usar el siguiente código CSS en la misma sección que te comento:
.slider-buttons {> display: none;> }
Mientras revisas esto, me pregunto cómo está siendo tu experiencia con Shopify hasta el momento. Dime, ¿qué tipo de negocio has creado con nuestra plataforma? ¿Actualmente ofreces exclusivamente productos de joyería con tu tienda? ¿Qué objetivos a corto y largo plazo te gustaría conseguir con Shopify y con tu tienda?
