Botón en el menú

[MGV15]

Buenos días, 

Quiero añadir un botón a mi menú, pero no un botón como los que aparecen, si no resaltando el "comprar entradas".

Lo añado como un elemento más del menú, pero no consigo darle forma.

¿Podéis ayudarnos?

Gracias

[Teo]

Hola, @MGV15:

Muchas gracias por escribirnos. Entiendo por tu mensaje que deseas añadir un elemento al menú de tienda resaltando el diseño del mismo, ¿cierto? Será un placer poder ayudar con esta cuestión.

A modo de contexto, el tipo de diseño y configuración de los elementos de un menú depende del tema que estés usando en tu tienda. En este caso, ¿podrías confirmarme la plantilla que estás utilizando? Para ello, puedes dirigirte a la sección Tienda online > Temas > Personalizar. En esta página, haz clic en los tres puntos que aparecen en la esquina superior izquierda para acceder al nombre del tema y su desarrollador.

Si se trata de un tema de Shopify, ¿podrías darme más detalles sobre esta configuración? ¿Cómo quieres que destaque la opción de "comprar entradas" que me comentas? ¿Te gustaría modificar la forma, el aspecto o la configuración de este elemento del menú? ¿Podrías enviarme una captura de cómo aparece ahora mismo y un enlace a la página web de tu negocio para poder revisar los distintos elementos del menú?

Como te comento; si es un tema de Shopify, lo más probable es que sea necesario hacer cambios en el código de la tienda para destacar dicho elemento del menú o implementar código CSS personalizado. Respondiendo a estas preguntas que te planteo, podré ofrecerte los siguientes pasos a seguir.

Si se trata de un tema de un proveedor externo; cabe tener en cuenta que este ha sido desarrollado por agente externo a Shopify. Esto es, desde aquí no tenemos control sobre funciones específicas del tema. En este caso, te recomendaría revisar la documentación del desarrollador o contactar con ellos para revisar si es posible implementar una configuración para destacar uno de los elementos del menú de tu tienda.

Te dejo un enlace con más información sobre dónde encontrar ayuda para tu tema. Como alternativa, siempre puedes contratar a un experto de Shopify para llevar a cabo este proceso. Este es un portal de desarrolladores que pueden darte un presupuesto para cualquier modificación que quieras implementar.

Mientras tanto, me pregunto cómo está siendo tu experiencia con Shopify hasta el momento. Dime, ¿qué tipo de tienda has creado con nuestra plataforma? ¿Qué productos o servicios ofreces a los clientes? ¿Qué objetivos a corto y largo plazo te gustaría conseguir con Shopify y con tu tienda?

[MGV15]

Buenas tardes,

El tema que tenemos en Shopify es el Dawn.

Quiero que el botón "comprar entradas" aparezca como esta foto que adjunto:  o 

Adjunto captura de cómo aparece el menú actualmente. El link a la web es: https://museogranvia15.com/

Muchas gracias

[Teo]

Hola, @MGV15:

Muchas gracias por la respuesta, detalles y capturas sobre el aspecto que te gustaría dar al elemento de "comprar entradas" del menú de tu tienda. Para poder implementar un botón como tal, será necesario editar el código de la tienda. Aunque, como te comentaba, puedes hacer uso de la herramienta de CSS personalizado disponible en los temas de Shopify, para dar el diseño que buscas.

Tras analizar con detenimiento la estructura del menú principal la página web de tu tienda, he podido crear un tipo de código CSS que funcionaría para conseguir este objetivo de diseño que deseas. A continuación, te dejo el código CSS personalizado y los pasos a seguir para implementarlo en el tema de tu tienda.

Este es el código CSS:

#HeaderMenu-comprar-entradas, #HeaderDrawer-comprar-entradas{
 background-color: black;
 color: white;
 border-radius: 30px;
 border: 1px solid white;
}
#HeaderMenu-comprar-entradas:hover, #HeaderDrawer-comprar-entradas:hover{
 background-color: lightgray;
 color: black;
 border-radius: 30px;
 border: 1px solid black;
}

Estos son los pasos para agregarlo a tu tienda:

1. Dirígete a la sección Tienda online > Temas.
2. Haz clic en la sección Personalizar.
3. En el menú de la izquierda, selecciona Encabezado.
4. Baja hasta el apartado CSS personalizado.
5. Pega el código que te comparto.
6. Guarda la configuración.

Ten en cuenta que este código CSS es específico para tu menú específico, si cambias o editas la estructura actual del menú de tu tienda, es posible que este no funcione correctamente. Si en un futuro decides editar la estructura del menú, podrá eliminar este código siguiendo los mismos pasos.

Dime, ¿podrías confirmarme si este ha funcionado para tu tienda? Si no estás a gusto haciendo este tipo de cambios, puedes escribirnos a través de este enlace. Si cumples con los requisitos de diseño, nuestros especialistas podrán implementar esto por ti. Alternativamente, también puedes contratar a un experto de Shopify. Este es un portal de desarrolladores que pueden darte un presupuesto para cualquier personalización. Entretanto, ¿cómo va el resto de cuestiones con tu negocio y tu tienda de Shopify?