FROM CACHE - es_header
Esta comunidad ahora recibe asistencia de una red de pares. El equipo de atención al cliente de Shopify ya no ofrece servicio a esta comunidad. Te animamos a conectar con otros emprendedores y partners para pedir ayuda y compartir tus experiencias. Sigue avisando de asuntos que incumplan nuestro Código de Conducta o contenidos que se deberían eliminar.

Eliminar el enlace de Ver Detalles en la pantalla de compra rápida de producto

RESUELTAS

Eliminar el enlace de Ver Detalles en la pantalla de compra rápida de producto

javierperez
Curioso(a)
13 0 4
Hola.

 

Me gustaría poder quiero quitar el enlace de Ver todos los detalles en la ventana emergente de compra rápida de producto. Lo especifico:  cuando estoy en la pantalla de inicio, escojo un producto de la colección para hacer una compra rápida, me sale una ventana emergente con los detalles del producto y abajo del todo pone "Ver todos los datalles". Me gustaria quitar esa opcion. Gracias de antemano por la ayuda

 

 

Captura de pantalla 2024-01-17 110716.jpg

 

  • CSS
1 SOLUCIÓN ACEPTADA

Teo
Shopify Staff
2495 524 366

Éxito.

Hola, @javierperez:

 

Gracias por escribirnos. Entiendo que te gustaría eliminar la sección de "ver todos los detalles" que aparece en el recuadro de compra rápida de tus productos, ¿cierto? Será un placer poder 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 del bloque de compra rápida. Esto es, no hay manera de personalizar dicha sección con la herramienta de edición. Ahora bien, una de las principales ventajas de usar Shopify es que puedes editar el código de tu tienda para implementar diseños personalizados.

 

Dicho esto, me alegra informarte de que es posible ocultar la sección que nos comentas con una simple edición de código CSS. Este proceso es bastante sencillo. A continuación, te dejo el extracto específico de código que debes añadir y la sección concreta de tu tienda donde puedes implementarlo:

 

.product__view-details {
 visibility: hidden;
}

 

  1. Dirígete a la sección Tienda online > Temas.
  2. Haz clic en los Tres puntos.
  3. Selecciona la opción de Editar código.
  4. En el menú de la izquierda, localiza Recursos > Quick-add.css.
  5. Pega el código al final del archivo.
  6. Guarda la configuración.

 

Nota: Como este tipo de personalización requiere hacer cambio en el código del tema, lo más recomendable sería hacer una copia de seguridad del mismo. Así, será fácil descartar cualquier cambio y comenzar nuevamente si fuese necesario. Te dejo un enlace con más información sobre cómo duplicar un tema

 

Hecho esto, la sección de "ver todos los detalles" del recuadro de compra rápida dejará de aparecer. Si usas un tema desarrollado por Shopify y no estás a gusto haciendo cambios de código, puedes escribirnos a través de nuestro Centro de Ayuda. Si cumples con la política de diseño, es posible que nuestros especialistas puedan hacer el cambio por ti. Alternativamente, también tienes la opción de contratar a un Partner de Shopify. Este es un grupo de expertos que pueden darte presupuesto para cualquier modificación.

 

Mientras revisas esta información, me pregunto cómo está siendo tu experiencia con Shopify hasta el momento. Dime, ¿cómo va el resto de cuestiones con la configuración de tu tienda?

Teo | Social Care @ Shopify 
 - ¿Te resultó útil mi respuesta? Dale Me gusta para hacérmelo saber 
 - ¿Resolvimos tu pregunta? Dale a Aceptar como solución
 - Para saber más visita el Centro de ayuda de Shopify o nuestro Blog de Shopify

Ver la solución en mensaje original publicado

2 RESPUESTAS 2

Teo
Shopify Staff
2495 524 366

Éxito.

Hola, @javierperez:

 

Gracias por escribirnos. Entiendo que te gustaría eliminar la sección de "ver todos los detalles" que aparece en el recuadro de compra rápida de tus productos, ¿cierto? Será un placer poder 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 del bloque de compra rápida. Esto es, no hay manera de personalizar dicha sección con la herramienta de edición. Ahora bien, una de las principales ventajas de usar Shopify es que puedes editar el código de tu tienda para implementar diseños personalizados.

 

Dicho esto, me alegra informarte de que es posible ocultar la sección que nos comentas con una simple edición de código CSS. Este proceso es bastante sencillo. A continuación, te dejo el extracto específico de código que debes añadir y la sección concreta de tu tienda donde puedes implementarlo:

 

.product__view-details {
 visibility: hidden;
}

 

  1. Dirígete a la sección Tienda online > Temas.
  2. Haz clic en los Tres puntos.
  3. Selecciona la opción de Editar código.
  4. En el menú de la izquierda, localiza Recursos > Quick-add.css.
  5. Pega el código al final del archivo.
  6. Guarda la configuración.

 

Nota: Como este tipo de personalización requiere hacer cambio en el código del tema, lo más recomendable sería hacer una copia de seguridad del mismo. Así, será fácil descartar cualquier cambio y comenzar nuevamente si fuese necesario. Te dejo un enlace con más información sobre cómo duplicar un tema

 

Hecho esto, la sección de "ver todos los detalles" del recuadro de compra rápida dejará de aparecer. Si usas un tema desarrollado por Shopify y no estás a gusto haciendo cambios de código, puedes escribirnos a través de nuestro Centro de Ayuda. Si cumples con la política de diseño, es posible que nuestros especialistas puedan hacer el cambio por ti. Alternativamente, también tienes la opción de contratar a un Partner de Shopify. Este es un grupo de expertos que pueden darte presupuesto para cualquier modificación.

 

Mientras revisas esta información, me pregunto cómo está siendo tu experiencia con Shopify hasta el momento. Dime, ¿cómo va el resto de cuestiones con la configuración de tu tienda?

Teo | Social Care @ Shopify 
 - ¿Te resultó útil mi respuesta? Dale Me gusta para hacérmelo saber 
 - ¿Resolvimos tu pregunta? Dale a Aceptar como solución
 - Para saber más visita el Centro de ayuda de Shopify o nuestro Blog de Shopify

javierperez
Curioso(a)
13 0 4

Genial, después de hacer lo que dices ya no aparece. Muchas gracias