Centro de Atención Nube Configura tu tienda Métodos de pago Información

¿Cómo ocultar las 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: 08/02/2023

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.
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. 

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.

Listado de productos, mostrando la información sobre las cuotas en la parte inferior de cada producto resaltada

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".

Barra lateral de Personalizar el diseño actual, con la opción "Listado de productos" resaltada

3. Deslizar hasta la sección Información de cuotas/meses y desmarcar la casilla "Mostrar cuotas/meses en listado de productos".

Sección Información de cuotas con la casilla para mostrar las cuotas desmarcada y resaltada

❗Para volver a mostrar la información, solo es necesario volver a marcar esa casilla.

4. Para terminar, hacer clic en "Publicar cambios".

Delete

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.

Detalle de un producto de ejemplo, mostrando la información de las cuotas debajo del precio

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".

Barra lateral de Personalizar el diseño actual, con la opción "Detalle de producto" resaltada

3. Deslizar hasta la sección Información de cuotas/meses, y desmarcar la casilla "Mostrar cuotas/meses en la página de producto".

Sección Información de cuotas con la casilla para mostrar las cuotas desmarcada y resaltada

❗Para volver a mostrar la información, solo es necesario volver a marcar esa casilla.

4. Para terminar, hacer clic en "Publicar cambios".

Delete
Delete

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.

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


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.

Tienda de ejemplo mostrando productos con cuotas

Bahía / Cubo / Focus / Lifestyle / Material / Silent:

.item-installments { 
display: none; 
}

Atlántico:

.js-max-installments {
    display: none;
}
Delete

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.

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

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;
}
Delete


3. Hacer clic en "Probar CSS".

4. Hacer clic en "Publicar cambios".

Delete

¡Listo! 🙌

Ya se va a haber aplicado el cambio para ocultar las mensualidades en tu tienda.