Outline / border button navbar shopify || Contorno o borde para boton en la barra de navegacion

Hola, @Clicomy :

Gracias por escribirnos. Entiendo por tu mensaje que deseas añadir contorno a uno de los elementos del menú principal de tu tienda. Con todo, usas el tema Dawn, ¿cierto? Será un placer ayudar.

A modo de contexto, cabe tener en cuenta que el editor de temas de Shopify no cuenta con una herramienta nativa para personalizar el diseño o aspecto de cada elemento del menú de manera independiente. Ahora bien, una de las principales ventajas de utilizar Shopify es que siempre puedes editar el código de tu tienda para implementar diseños personalizados a las diferentes secciones/elementos de tu página.

Dicho esto, me alegra informarte de que es posible añadir contorno a los elementos de tu menú con una simple edición de código CSS mediante la herramienta de CSS personalizado. Te dejo el extracto específico de código que debes añadir y la sección concreta de tu tienda donde puedes implementarlo:

nav.header__inline-menu ul.list-menu li:nth-child(XXXXXXXX) {> border-style: solid;> }

Nota: Debes modificar la parte que dice XXXXXXXX con el número específico del elemento del menú donde quieres aplicar esta personalización. Por ejemplo, si deseas añadir contorno en el segundo elemento del menú de tu tienda, debes añadir un 2. Si deseas agregarlo en el quinto, debes añadir un 5.

  1. Dirígete a la sección Tienda online > Temas.
  2. Haz clic en Personalizar.
  3. En los iconos de la izquierda, selecciona Configuración del tema.
  4. Localiza la sección CSS personalizado.
  5. Pega el código que te comparto.
  6. Guarda la configuración.

Si no estás a gusto haciendo este tipo de cambios de código CSS, puedes escribirnos a través de nuestro Centro de Ayuda. Si cumples con los requisitos de diseño, es posible que nuestros especialistas puedan implementar esto por ti. Alternativamente, también puedes contratar a un Partner de Shopify. Este es un portal de desarrolladores que pueden darte un presupuesto para cualquier personalización.

Dime, ¿podrías confirmarme si puedes conseguir el resultado que buscas con este código CSS? Mientras tanto, me pregunto cómo está siendo tu experiencia con Shopify. Dime, ¿qué tipo de tienda has creado en nuestra plataforma? ¿Cómo va el resto de cuestiones con la configuración de tu negocio en Shopify?