Dar información sobre las cuotas o mensualidades disponibles en las pasarelas de pago es algo positivo para incentivar a que se concrete la compra. Por eso, no hay una opción que permita ocultarlas directamente desde tu Administrador de Tiendanube, pero sí podrías hacerlo con códigos de CSS.
Existen dos secciones de la tienda donde podés 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 este tutorial te contamos cómo ocultar esa información para ambos casos.
¡Vamos a los pasos!
1. Ingresar a la sección de Mi Tiendanube > Diseño y hacer clic en "Personalizar tu 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 querés ocultar las cuotas o mensualidades.
Si querés ocultarlo en ambas secciones, solo debés ingresar ambos códigos en el campo.
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 cuotas o mensualidades en la página de inicio o en el listado de productos.
Amazonas / Bahía / Cubo / Idea / Focus / Lifestyle / Material / Simple / Silent:
.item-installments {
display: none;
}
Atlántico:
.js-max-installments {
display: none;
}
Trend:
.installments {
display: none;
}
Delete
Ocultar en el detalle del producto
Esta opción es para que no se muestre la información de las cuotas o mensualidades dentro de la página del detalle del producto.
Focus:
.js-max-installments-container.installments {
display: none;
}
Amazonas / Bahía / Cubo / Idea:
.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;
}
Simple:
.js-max-installments-container.row-fluid{
display: none;
}
Silent:
.product-installments {
display: none;
}
Delete
3. Hacer clic en "Probar CSS".
4. Hacer clic en "Publicar cambios".
¡Listo! 🙌
Ya se va a haber aplicado el cambio para ocultar las cuotas o mensualidades.