Este artículo explica cómo personalizar el aspecto y el comportamiento del botón "Personalizar diseño" en tu tienda de Shopify, y cómo mostrar u ocultar los botones "Añadir al carrito" y "Comprar ahora" para productos disponibles para personalización.

Tienes dos opciones para dar estilo al botón "Personalizar diseño" en tu tienda de Shopify: usar Gelato+ o CSS.

Si eres suscriptor de Gelato+ y usas uno de los siguientes temas: Dawn, Debut, Studio, Craft o Simple, puedes personalizar tu botón directamente desde tu Panel de Gelato. Así es como hacerlo:

Desde aquí, puedes cambiar el texto, el color de fondo, el color del borde y el color del texto del botón "Personalizar diseño". También puedes personalizar los botones "Añadir al carrito" y "Volver a la tienda" que aparecen en las esquinas superior izquierda y derecha del Design Editor.

Si no tienes una suscripción a Gelato+, puedes dar estilo al botón «Personalize Design» de Shopify usando CSS. Puedes hacer referencia al botón en CSS con el selector de ID #ge-personalize.

Puedes encontrar más información sobre cómo añadir CSS personalizado aquí. Consulta la documentación del tema de Shopify o contacta con el desarrollador de tu tema para obtener más detalles sobre cómo hacerlo.

Por ejemplo, puedes cambiar el color del botón a negro añadiendo el siguiente CSS a tu tema:

También puedes personalizar el botón "Añadir al carrito" usando CSS. En CSS, puedes referirte al botón mediante el selector de ID #ge-add-to-cart. Por ejemplo, puedes cambiar el ancho, el color y el tamaño de la fuente del botón "Añadir al carrito" con el siguiente CSS:

Puedes elegir mostrar u ocultar los botones "Añadir al carrito" y "Comprar ahora" en las páginas de producto que permiten la personalización. Esta configuración se encuentra en la sección Personalización de tu Panel de Gelato, como se describe arriba.