Personaliza las variantes de producto de tu tienda online Adapta tu web a tu negocio y facilita las compras a tus clientes

Modificar imagen producto Comandia

La coherencia es fundamental en cualquier tienda online, siendo imprescindible en el proceso de compra. El cliente espera una navegación intuitiva por la web, buscando los productos que le interesan por categorías, para luego poder elegir entre las variantes de producto que ofreces.

En Comandia puedes definir dos tipos de variantes por producto, pero de manera predeterminada sólo nos deja establecer Tamaño / Talla y Color.

Estas variantes de producto suelen ser las más utilizadas. Sin embargo, dependiendo del tipo de productos que tengamos a la venta, necesitamos dar otro valor a nuestro tipo de variante. Por ejemplo, si vendemos botellas de plástico un tipo de variante podría ser su Capacidad (100cc, 200cc, 500cc), y por esto no nos interesa que aparezca “Tamaño / Talla”, sino “Capacidad” como nombre de variante. Para ello creamos dos tipos de variantes y sus posibles valores:

Modificar nombres producto Comandia

.

Este sería el resultado en la ficha de producto:

Modificar nombres producto Comandia

.

Para modificar la etiqueta que define las variables del producto sigue estos pasos:

  1. Accede a la pestaña DISEÑO de tu menú lateral del panel de administración de tu tienda Comandia Shop y a continuación a Plantillas.
  2. Una vez dentro, haz clic en el botón Personalizar de la plantilla que tengas activada para acceder al código de tu plantilla.

Si tu plantilla no es una plantilla personalizable, al hacer clic en Personalizar el sistema te redirigirá al Theme Store de Comandia para que instales la plantilla y puedas hacer los cambios.

  1. Una vez dentro del código de la plantilla deberás ir al archivo que está en la ruta “screens/inc/” con nombre “product.html” haz clic en el nombre y podrás visualizar el código del archivo.
  1. Una vez dentro, según el caso:

 .

Si tienes UN tipo de variante definida:

nos desplazaremos hasta el final del archivo y introduciremos el siguiente código:
{{#ifCond context.product.productid “==” IDPRODUCTO type=”integer”}}

<script>

$(window).load(function(){

if ( $(‘.variant-name’).length > 0) {

var y = document.getElementsByClassName(“variant-name”);

y[0].innerHTML = “TEXTOAMOSTRAR” + “:”;

}

});

</script>

{{/ifCond}}

.

A continuación modificaremos del código las siguientes palabras:

IDPRODUCTO deberá ser reemplazado por el ID del producto que queramos modificar el nombre de la etiqueta de variante.

TEXTOAMOSTRAR deberá ser reemplazado por el texto que desees que aparezca en lugar del texto por defecto.

Una vez modificado podemos guardar el archivo pulsando en el botón Guardar en el menú inferior del editor y visualizaremos los cambios en la página del producto en la tienda.

Un ejemplo del código:

{{#ifCond context.product.productid “==” 5 type=”integer”}}

<script>

$(window).load(function(){

if ( $(‘.variant-name’).length > 0) {

var y = document.getElementsByClassName(“variant-name”);

y[0].innerHTML = “Capacidad” + “:”;

}

});

</script>

{{/ifCond}}

.

Si quieres que tu eCommerce tenga esta y otras configuraciones personalizadas pero no dispones del tiempo o los conocimientos necesarios, puedes contratar nuestro servicio de creación, diseño y puesta en marcha de tu tienda online. Así, uno de nuestros diseñadores profesionales se encargará de todos los detalles de tu eCommerce, dejándolo listo para vender y con la mejor experiencia de compra para el usuario.

1 Estrella2 Estrellas3 Estrellas4 Estrellas5 Estrellas (No hay puntuaciónes aún)
Loading...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *