Table of Contents
En los diseños Simple, Amazonas, Idea y TrendEn los demás diseños (Atlántico, Bahía, Cubo, Focus, Lifestyle, Material y Silent)Dar información sobre las mensualidades disponibles en las pasarelas de pago es muy positivo para incentivar a que se concrete la compra en tu tienda. Sin embargo, es posible que, según la estrategia de tu negocio, prefieras ocultar la información del financiamiento.
En este tutorial te contamos cómo hacerlo, según la plantilla de diseño que tengas en tu tienda:
- Para los diseños Simple, Amazonas, Idea y Trend, puedes hacerlo directamente desde el Administrador de tu tienda
- Para los demás diseños, esa opción no está disponible por el momento, pero sí podrías hacerlo con códigos de CSS.
Warning
Ten en cuenta que va a ser solo un cambio en la visualización de la información, ya que cuando tus clientes realicen la compra y lleguen a la pasarela de pago, se van a ofrecer las cuotas o mensualidades que estén configuradas dentro de la misma.
Además, existen dos secciones de la tienda donde puedes ocultar la leyenda de las cuotas o mensualidades:
- En la página de inicio y el listado de productos
- En la página del detalle del producto
En los diseños Simple, Amazonas, Idea y Trend
Con estos diseños, puedes ocultar la información sobre financiación directamente desde tu Administrador.
Ver pasos de configuración
Los pasos a seguir dependen de si quieres ocultar la información del listado de productos o en el detalle del producto. En caso de que quieras ocultarla en ambas, puedes seguir la configuración para las dos opciones.
Ocultar en la página de inicio y el listado de productos
La información sobre la financiación se muestra de esta forma en el listado de productos y la página de inicio, pero puedes ocultarla siguiendo los pasos a continuación.
1. Ingresar a la sección de Mi Tiendanube > Diseño de tu Administrador, y hacer clic en "Personalizar el diseño actual".
2. Hacer clic en "Listado de productos".
3. Deslizar hasta la sección Información de cuotas/meses y desmarcar la casilla "Mostrar cuotas/meses en listado de productos".
❗Para volver a mostrar la información, solo es necesario volver a marcar esa casilla.
4. Para terminar, hacer clic en "Publicar cambios".
Ocultar en el detalle del producto
La información sobre la financiación se muestra de esta forma en el detalle del producto, pero puedes ocultarla siguiendo los pasos a continuación.
1. Ingresar a la sección de Mi Tiendanube > Diseño de tu Administrador, y hacer clic en "Personalizar el diseño actual".
2. Hacer clic en "Detalle del producto".
3. Deslizar hasta la sección Información de cuotas/meses, y desmarcar la casilla "Mostrar cuotas/meses en la página de producto".
❗Para volver a mostrar la información, solo es necesario volver a marcar esa casilla.
4. Para terminar, hacer clic en "Publicar cambios".
En los demás diseños (Atlántico, Bahía, Cubo, Focus, Lifestyle, Material y Silent)
Con estas plantillas de diseño, es necesario ocultar la información de financiación mediante códigos CSS.
Ver pasos de configuración
1. Ingresar a la sección de Mi Tiendanube > Diseño y hacer clic en "Personalizar el diseño actual".
2. Hacer clic en la opción de Edición Avanzada de CSS y pegar el código correspondiente de la lista de abajo, según tu plantilla de diseño y la sección donde quieres ocultar las mensualidades.
Si quieres ocultarlo en ambas secciones, solo debes ingresar ambos códigos en el campo, uno arriba del otro.
Ocultar en la página de inicio y el listado de productos
Esta opción es para que no se muestre la información de las mensualidades en la página de inicio o en el listado de productos.
Bahía / Cubo / Focus / Lifestyle / Material / Silent:
.item-installments {
display: none;
}Atlántico:
.js-max-installments {
display: none;
}Ocultar en el detalle del producto
Esta opción es para que no se muestre la información de las mensualidades dentro de la página del detalle del producto.
Focus:
.js-max-installments-container.installments {
display: none;
}Bahía / Cubo:
.js-max-installments-container.js-max-installments.col-12.mb-2 {
display: none;
}Atlántico:
.js-max-installments-container.js-max-installments {
display: none;
}Lifestyle:
.js-max-installments-container.text-tertiary {
display: none;
}Material:
.js-max-installments-container.d-inline-block {
display: none;
}Silent:
.product-installments {
display: none;
}
3. Hacer clic en "Probar CSS".
4. Hacer clic en "Publicar cambios".
¡Listo! 🙌
Ya se va a haber aplicado el cambio para ocultar las mensualidades en tu tienda.