Centro de Atención Nube Configurá tu tienda Medios de pago Información general

¿Cómo ocultar las cuotas o mensualidades en mi tienda?

Pasos para ocultar la financiación de las pasarelas de pagos en la página de inicio y detalle del producto usando código CSS

Última actualización: 14/06/2022

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.

Delete

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. 

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.

Sección de Edición avanzada de CSS mostrando el campo con el código insertado

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.

Tienda de ejemplo mostrando productos con cuotas

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.

Detalle de producto de ejemplo con la información de las cuotas resaltada

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.