Dale Vida a tu Shopify: Cómo hacer listas de Colecciones Circulares
Вставка
- Опубліковано 7 жов 2024
- En este tutorial, te mostraré paso a paso cómo transformar tu tienda Shopify con listas de Colecciones circulares. Este diseño no solo hará que tu tienda se vea más moderna y atractiva, sino que también mejorará la experiencia de tus clientes, ayudándote a destacar entre la competencia.
🔔 ¡No olvides suscribirte para más tutoriales sobre Shopify y desarrollo web!
📌 En este video aprenderás:
Cómo crear una lista de colección circulares
Enlaces Necesarios:
Código : bit.ly/Circula...
Haz realidad tus ideas por $1/mes en Shopify : shopify.pxf.io...
Mis Redes: linktr.ee/leon...
Grupo Telegram: t.me/+GrTeKbka...
¡Déjame tus comentarios y dudas abajo, estaré encantado de ayudarte!
Excelente Video Leonardo. Muchas Felicitaciones
Bro! ¡eres tremendo! pude dar bien el servicio gracias a tus videos. No dejes de subir nunca! GRACIAS!
Que bueno que te gustó el vídeo . Gracias por los comentarios
Gracias Leo, están geniales y me funcionaron muy bien.
Me da gusto 🙌🏻
gracias leo , te consulto como haria para que los circulos y las letras sean más grandes ?
Hola Emilio, claro mira
Aqui te explico para que es cada parte del codigo.
Esto es para que el circulo , solo cambia el width y height, pon el mismo valor en ambos. el radius no recomiendo cambiaro y el borde si quieres que el border sea mas grueso.
.tabs-img-block {
width: 100px; /* Cambia este valor para ajustar el ancho del círculo */
height: 100px; /* Cambia este valor para ajustar la altura del círculo */
border-radius: 50%; /* Esto mantiene la forma circular */
border: 1px solid black; /* Borde del círculo */
En la tipografia no tengo el codigo para agregar el tamaño pero puede agregarlo, en esta parte agrega font-size ahorita esta en 14px ahi lo aumentas a lo que tu ocupes
.tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active p {
background: grey;
padding: 5px 10px;
border-radius: 5px;
border: 1px solid;
color: white;
font-size: 14px; /* Agrega esta línea para cambiar el tamaño de la letra */
Espero te sirva, saludos
Gracias por el video, como sería para que la imagen salga completa y no se corte en los lados del círculo?
Nomás tengo tiempo reviso el código para ver cómo modificar esa parte