• Resuelto adrianrgb7

    (@adrianrgb7)


    Buenas a todos.

    Quiero implementar en mi página web una carta de acabados en los productos.

    Imagen ejemplo

    En la imagen remarco con el cuadrado negro lo que quiero que aparezca.
    En rojo, en mi caso, sería el tipo de material.

    Ej: En el cuadrado en rojo pondría el tipo de material como »piel» o »sintetico», o ambos.

    En el cuadrado negro los colores que hay disponibles en cada material.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • Moderador jose64

    (@jose64)

    Hola.

    Tienes dos formas de hacerlo, la más sencilla es con un plugin para visualizar las variaciones, en el repositorio encontrarás varios buscando «swatches», por ejemplo:

    Variation Swatches for WooCommerce

    Variation Swatches for WooCommerce

    Con estos plugins las variaciones se muestran como botones de selección con texto, colores o imágenes, tendrás que seleccionar lo que te convenga al configurar el plugin.

    La otra opción es usar un plugin de configuración de productos, es mucho más complicada y solo te la recomiendo en el caso de que tengas productos muy complicados que no puedas hacer como variables. Para eso tienes el plugin:

    Product Options and Price Calculation Formulas for WooCommerce – Uni CPO

    Recuerda cerrar el debate marcándolo como resuelto cuando así lo consideres, de esta forma nos ayudas a mantener el foro al día.

    Iniciador del debate adrianrgb7

    (@adrianrgb7)

    Buenos días, en primer lugar gracias por contestar, le adjunto una foto y le explico lo que me ha pasado y lo que busco más exactamente.

    Imagen ejemplo

    1. Al instalar el plugin Variation Swatches for WooCommerce, sin tocar nada, las variaciones que tenía como medida desaparecen y se queda como en la imagen, en este caso lo importante es saber la medida, el color es una opción secundaria. [CUADRO NEGRO]

    2. Quiero implementar el CUADRO ROJO, ahí en la descripción inicial, si es posible, hacer como una tabla con los dos acabados LIDO y POLIPIEL, y justo debajo los colores.

    El enlace de la página del producto es el siguiente:
    https://mudee.es/producto/cabezal-pekin/

    De nuevo, gracias por su atención.

    • Esta respuesta fue modificada hace 5 años, 9 meses por adrianrgb7.
    Moderador jose64

    (@jose64)

    Hola.

    Con respecto a la primera pregunta, tendrás que configurar el plugin, te permite definir las variaciones como texto, color o imagen, así que tendrás que configurar esa variación como texto para que te aparezca correctamente.

    Con respecto a lo segundo, si quieres incluir una tabla estática en la descripción puedes hacerlo, la diseñas en html y la incluyes con el texto, pero no podrás seleccionar nada en ella, para eso tienes que hacerlo como unas variaciones más, una para el tejido y otra para el color, para poder seleccionarlas.

    Revisa la documentación del plugin para configurarlo correctamente:

    https://www.themehigh.com/doc/woocommerce-product-variation-swatches/

    Aparte, en la página del plugin tienes un vídeo y un acceso al demo.

    Iniciador del debate adrianrgb7

    (@adrianrgb7)

    Buenas tardes.

    He conseguido ya, gracias a su ayuda, saber como diferenciar entre ambos tejidos y poner los colores.

    Ahora bien, los colores cuando los incluyo salen lisos, pero en los catálogos oficiales de los fabricante los colores imitan a los tejidos. Se puede conseguir de alguna forma quitar el color liso que aparece y ponerlo como le adjunto en la foto??

    Imagen ejemplo

    La pagina web donde he sacado la foto es la siguiente, por si quiere verlo directamente. Asi puede apreciar que los colores tienen textura.

    https://tuttoconfortmurcia.com/chaise-longue-de-calidad/185-ega-sofa-chaise-longue-convertible-cama.html#/28-medidas_sofa-25_pl_chaiselongue/261-posicion_chaiselongue-chaiselongue_derecha_vista_frente/420-tejido_lido_froca-lido_5

    Gracias de nuevo.

    Moderador jose64

    (@jose64)

    Tienes que definir la variación como imagen, no como color, de esta forma le asignas la foto que corresponda al color según el catálogo.

    Iniciador del debate adrianrgb7

    (@adrianrgb7)

    Buenos días.

    Eres un crack jajaj, ya con la opción de la imagen sale perfecto, justo como quiero.

    Lo que me faltaría por saber es si al pasar el cursor por encima de la imagen del color puede ampliarse automáticamente, tal y como aparece en la imagen de mi mensaje anterior, para ver un poco más de cerca el detalle. ¿Es posible que esa opción esté en el tutorial y video que me dijiste?

    Gracias.

    Moderador jose64

    (@jose64)

    Hola.

    Esa es una opción premium, con la versión del repositorio solo puedes poner el nombre. Está explicado en la descripción del plugin en el repositorio:

    ☞ TOOLTIPS FOR VARIATION SWATCHES
    Show the term name of attributes as tooltips with a custom display color when someone hovers over a swatch icon.

    (…)

    💎💎 PREMIUM FEATURES

    (…)

    ☞ ADDITIONAL TOOLTIPS
    You can set an image, term name, or description as a tooltip for swatches.

    Recuerda cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día.

    Iniciador del debate adrianrgb7

    (@adrianrgb7)

    Perfecto, muchas gracias por la ayuda.

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)

El debate ‘Incluir carta de acabados’ está cerrado a nuevas respuestas.