Al ingresar a la página de cada producto, vas a ver que aparecen botones para que tus clientes los compartan en sus redes sociales.
Si preferís que estos íconos no se muestren en ese sector, podés ocultarlos fácilmente usando códigos CSS personalizados.
Helpjuice Success Callout Title
Esta configuración requiere modificar el diseño de tu tienda. Te recomendamos seguir los pasos cuidadosamente para asegurar que el cambio se aplique correctamente.
Pasos para ocultar los botones
1. Ingresar a “Tienda online > Diseño” dentro del Administrador de tu tienda.
2. Hacer clic en "Editar el diseño actual".
3. Ingresar a "Edición avanzada en CSS".
4. Copiá el siguiente código (Ctrl+C) correspondiente a tu diseño:
Para diseños Atlántico, Amazonas, Idea, Cubo, Rio, Baires, Recife, Brasilia o Patagonia:
.social-share {
display: none !important;
}Para diseños Lima o Cali
.social-share.px-md-3 {
display: none !important;
}Para diseño Bahia
.social-share.mt-5 {
display: none !important;
}Para diseño Toluca o Morelia
.social-share-button {
display: none !important;
}Para diseño Uyuni
.js-accordion-container.js-toggle-social-share {
display: none !important;
}Para diseño Material
.product-social-sharing {
display: none !important;
}Para diseño Simple
.social-widgets-mobile.visible-when-content-ready.text-center.p-top-half.p-bottom-half.m-top-xs {
display: none !important;
}Para diseño Trend
.social-widgets-mobile.clear-both.p-top-half.p-bottom-half {
display: none !important;
}5. Pegar el código en el campo “Para diseñadores web” (Ctrl+V) y hacer clic en "Probar CSS".
6. Hacer clic en el botón de "Publicar cambios".
¡Listo!
Con este ajuste, tu página de producto lucirá más despejada, permitiendo que el cliente se enfoque exclusivamente en tu producto y el botón de compra.
El código no funciona en mi tienda
Si después de publicar los cambios los botones siguen apareciendo en la página de tus productos, te sugerimos realizar estas comprobaciones:
-
Probar en una ventana de incógnito: A veces, el navegador guarda una versión antigua de tu sitio. Abrí tu tienda en una pestaña de incógnito para verificar si el cambio ya impactó. Si allí se ve correctamente, significa que necesitás limpiar los datos de tu navegador. Podés hacerlo siguiendo este tutorial: ¿Cómo borrar cookies y caché de mi navegador?
¿Cómo borrar cookies y caché de mi navegador? - Tiendas con FTP abierto: Si realizaste modificaciones avanzadas en el código fuente de tu tienda (vía FTP), es probable que los selectores estándar de la plantilla hayan sido modificados. En este caso, te sugerimos contactar a tu diseñador o desarrollador para que revise el código específico de tu diseño personalizado.
-
Revisar el copiado del código: Asegurate de haber copiado el punto (
.) inicial del selector y de no haber borrado ninguna llave ({ }) al pegar el código en la sección de CSS avanzado.