Nuevo diseño para mostrar las tallas disponibles del producto

Hola Miguel.

Puedes indicarnos para que dominio es la consulta ?

veo que tienes varias cuentas y no se exactamente para qué dominio es la consulta.

Un saludo

@pepesoler

Hola Pepe, por supuesto. 

Es http://Contenido solo visible a usuarios registrados.es/

Hola Miguel.

Prueba a ver si esto te sirve.

.- Accede a tu cuenta de cPanel -> Administrador de archivos

.- Accede a la carpeta wp-content -> themes -> Tu_plantilla

.- Edita el archivo functions.php y al final del archivo añade lo siguiente:

/* añadir variaciones la página tienda */

remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
add_action( 'woocommerce_after_shop_loop_item',  function () {
    global $product;
 
    if ( ! $product->is_type( 'variable' ) ) {
        woocommerce_template_loop_add_to_cart();
        return;
    }
 
    remove_action( 'woocommerce_single_variation', 'woocommerce_single_variation_add_to_cart_button', 20 );
    add_action( 'woocommerce_single_variation', 'we_loop_variation_add_to_cart_button', 20 );
 
    woocommerce_template_single_add_to_cart();
}, 10);
 
function we_loop_variation_add_to_cart_button() {
    global $product;
 
    ?>
    <div class="woocommerce-variation-add-to-cart variations_button">
        <button type="submit" class="single_add_to_cart_button button"><?php echo esc_html( $product->single_add_to_cart_text() ); ?></button>
        <input type="hidden" name="add-to-cart" value="<?php echo absint( $product->get_id() ); ?>" />
        <input type="hidden" name="product_id" value="<?php echo absint( $product->get_id() ); ?>" />
        <input type="hidden" name="variation_id" class="variation_id" value="0" />
    </div>
    <?php
}

Nota: Recuerda descargar el archivo antes de la modificación para tener una copia del original

Un saludo

@pepesoler

Pepe, no se si te he podido confundir pero esa web está hecha en Prestashop.

Veo que las indicaciones son para Wordpress, ¿no?.

He probado alguna cosa mientras tanto, así que te digo lo que no he conseguido, ¿te parece?.

- He conseguido cambiar para que se muestren imágenes en vez del listado, así que eso bien.

- Al utilizar las tallas con imágenes, no se por qué, pero ahora aparece donde yo quería, que es cuando se muestra el catálogo de productos.
el problema es que se mezclan las texturas de las tallas con los de los colores.

- Lo que quisiera es que se separen, por ejemplo las tallas arriba y los colores abajo.
Además, se mete en medio, es decir.. si al menos se quedase al principio o al final... pero la textura del color se mete en medio de las texturas de las tallas.

¿Se te ocurre algo?

Hola, estas usando algún módulo para mostrar los atributos o es parte del diseño de tu theme. En cualquier caso tendrías que habilitar tu sitio temporalmente para ver lo que comentas y ver si es posible que con algo de CSS corregir un poco.

Saludos.

@jmarreros

Ok, lo acabo de activar Jhon.

Hola, supongo que te refieres a lo que se muestra en este listado, las números mezclados con los colores

Contenido solo visible a usuarios registrados

En realidad todos son colores o imágenes de color, por ejemplo:

Por lo tanto no hay manera de separarlos, salvo que uses la imagen de talla para el inicio y los colores para el final, ya que se ordenan por ID.

@jmarreros

Así es, pero unos están en Tallas y otros en Colores.

¿Se te ocurre algo para conseguir algo parecido a eso?

Algún módulo?, theme? o corrección de código?

Hola, si son atributos separados no deberían mezclarse, estas usando algún módulo para esta funcionalidad?,

Evalua por ejemplo:

https://mypresta.eu/modules/front-office-features/product-pictures-on-product-listings.html

Saludos.

@jmarreros

No Jhon, no uso ningún módulo. Solo he creado tallas y color y he colocado UU N imagen en vez del texto.

Estoy pensando... Se pueden modificar las Id para ordenarlas como yo quiera?

@emailmarketingpirata-es

Hola Miguel,

Sería el inicio del fin de tu base de datos el modificar los identificadores únicos de cualquier registro. Se que puede sonar alarmante lo que he dicho pero a inmediato, corto o mediano plazo la base de datos perdería algo que llamamos integridad de datos, por tanto aunque se pudiera no seria buena idea modificar los ids. 

 Saludos 🙂

@bulmaro-webempresa

Entendido, veré que puedo hacer. 

Gracias a todos.

Hola Miguel.

Disculpa al ver los planes que son para WordPress deduje que sería para ese sistema.

Tienes módulos, por ejemplo:

-> https://addons.prestashop.com/es/combinaciones-personalizacion/31071-mostrar-atributos-de-producto-en-la-lista-de-productos.html?ab=1

-> https://addons.prestashop.com/es/combinaciones-personalizacion/22678-show-combinations-hover-product-list-attributes.html?ab=1

Adjunto tienes un modulo que es Gratuito

Una vez instalado accede a su configuración y selecciona los atributos/variaciones que quieres que muestre en la lista de los productos.

El resultado sería el siguiente:

Un saludo