Personalizar variaciones con bodycommerce  

Hola Sara, 

En este caso entiendo que el plugin que nos mencionas no funciona de forma correcta en tu sitio web, ya que no te permite seleccionar las variaciones una vez activa.

Es probable que este plugin este generando conflicto con algún otro plugin de tu sitio web una opción que puedes probar es utilizar otro pluign como Variation Swatches for WooCommerce el cual te permite igualmente personalizar las variaciones de tus productos.

Verifica si con este plugin puedes configurar la apariencia de las variaciones como deseas y si funciona de forma correcta. 

Un Saludo 

@karen por lo visto el divi bodycommerce entra en conflicto con Variation Swatches for Woocommerce, el cual ya lo tenia previamente instalado. He probado a desactivarlo y a activar el bodycommerce y esta vez funciona el seleccionar variaciones. El problema que he detectado ahora es que las variaciones que contienen imágenes no las muestra correctamente. Ejemplo de ello son las variaciones de Bolas redondas y Bolas lentejas de las imágenes que he adjuntado. Aparece como si las imágenes no estuvieran subidas en mi biblioteca de wordpress.

Que tal Sara,

Has probado el comportamiento del plugin unicamente en uso Variation Swatches for Woocommerce?

Actualmente en el producto que nos haces referencia no veo el aspecto como en la captura que nos haces llegar 

https://illusionsjoyas.es/producto/chupetero-bebe/

Por favor confirmanos un producto que tenga este aspecto

Y valida como se comporta con solo el plugin activo de Variation Swatches for Woocommerce

Saludos!

@bruno-vichetti hola, como he indicado, el plugin divi bodycommerce he tenido que desactivarlo porque no funciona el aspecto último que he comentado, es decir, que las variaciones con imágenes no aparecen correctamente. Por eso no aparece como tal. Por eso insisto, fijense en la segunda imagen que he pasado, donde podeis ver que hay variaciones que no muestran la imagen.

Igualmente, paso captura de como se muestra lo que me refiero

Hola Sara,

Lamento si no he comprendido bien, por una parte tenemos claro que el plugin de Divi bodycommerce tiene problemas de visualizacion

Por otra parte tienes instalado Additional Variation Images Gallery for WooCommerce el cual esta marcando un error en tu sitio desde el asistente virtual stephan

Por ultimo te hemos recomendado probar con el siguiente plugin y no figura ni activo en tu sitio por lo que no sabemos si tomaste en cuenta nuestra sugerencia o no https://wordpress.org/plugins/woo-variation-swatches/

Este es el aspecto actual del producto "CHUPETERO BEBÉ" al cual adjuntas capturas pero no se ve nada igual a las que nos muestras

Podria sugerir primero desactivar Divi bodycommerce y Divi bodycommerce luego probar con Variation Swatches for WooCommerce 

Saludos!

Hola Sara, 

Veo que actualmente no se muestran estas opciones activas por lo que entiendo tienes ambos plugins desactivados, revisa activar el complemento de las variaciones, una vez los actives accede a Divi → Opciones del tema → Constructor → Avanzado y pulsa en el botón claro

Luego de ello revisa si las variaciones se muestran de forma correcta en tu sitio web

Por otro lado el plugin de Divi BodyCommerce tiene su propio opciones para añadir las variaciones a los productos debes revisar si algún otro plugin está causando conflicto con el plugin, lo que puedes hacer si estas no funcionan bien es desactivarlas desdea los ajustes de Divi BodyCommerce y utilizar el plugin que te he comentado antes en su lugar. 

Verifica esto y nos comentas como ha ido todo

Un Saludo 

Disculpad, mejor vuelvo a empezar.

Quiero personalizar la apariencia de las variaciones de los productos. Tengo activa el plugin Variation Swatches for Woocommerce y para mostraros un ejemplo, queda así:

El motivo por el que quiera personalizar las variaciones es porque además de modificar el aspecto como cambiar de cuadrado a redondo y otras, me gustaría que aparecieran las variaciones en el catálogo de productos como utiliza esta tienda:

Para ello he visto que se puede hacer con Divi bodycommerce, pero al instalarlo y revistando los comentarios anteriores me he dado cuenta que este plugin con el de variation swatches genera conflicto y no deja seleccionar ninguna variación. Cuando desactivo variation swatches se resuelve el conflicto, pero sin embargo aquellas variaciones que en lugar de mostrar un color o un tamaño, es decir que muestran una imagen, no aparece la imagen que sí que aparecia con el plugin variation swatches. Me refiero a lo siguiente:

Así que actualmente lo que trato de solucionar es esto último, que aparezcan las miniaturas de esas variaciones conforme lo tengo con variation swatches. Actualmente el plugin divi bodycommerce lo tengo desactivado para evitar este error de apariencia. Es por eso que cuando visitan mi dominio no se ve activo.

Hola Sara,

Cuando ingreso a tu sitio veo esto:

Igualmente, necesitamos que ser presente el problema para poder identificar que es lo que tienes que hacer, si comentas que el error es que cuando desactivar el variations swatches es porque tienes estas imágenes asignadas en las variaciones, y al desactivar el plugin no están asignadas de forma sencilla:

Si con el plugin A tengo configurado todo, no se verá nada cuando desactivo dicho plugin A

Tendrías que configurar estas imágenes de variaciones nuevamente con cualquiera de los dos complementos que quieres mantener.

Un saludo 🖐️ 

@argenis creo que lo voy a tener que dejar estar. Cada vez que activo el plugin bodycommerce la página entera se vuelve lentísima y a veces saltan errores 502 y 503. 

Hola Sara .

me gustaría que aparecieran las variaciones en el catálogo de productos

Si quieres mostrar las variaciones en el catálogo de productos puedes utilizar el siguiente código que puedes añadirlo en el plugin Code Snippets que tienes instalado:

add_filter( 'woocommerce_loop_add_to_cart_link', 'woo_display_variation_dropdown_on_shop_page' );

function woo_display_variation_dropdown_on_shop_page() {

global $product;

if( $product->is_type( 'variable' )) {

$attribute_keys = array_keys( $product->get_attributes() );
?>

<form class="variations_form cart" method="post" enctype='multipart/form-data' data-product_id="<?php echo absint( $product->id ); ?>" data-product_variations="<?php echo htmlspecialchars( json_encode( $product->get_available_variations() ) ) ?>">
<?php do_action( 'woocommerce_before_variations_form' ); ?>

<?php if ( empty( $product->get_available_variations() ) && false !== $product->get_available_variations() ) : ?>
<p class="stock out-of-stock"><?php _e( 'This product is currently out of stock and unavailable.', 'woocommerce' ); ?></p>
<?php else : ?>
<table class="variations" cellspacing="0">
<tbody>
<?php foreach ( $product->get_variation_attributes() as $attribute_name => $options ) : ?>
<tr>
<td class="label"><label for="<?php echo sanitize_title( $attribute_name ); ?>"><?php echo wc_attribute_label( $attribute_name ); ?></label></td>
<td class="value">
<?php
$selected = isset( $_REQUEST[ 'attribute_' . sanitize_title( $attribute_name ) ] ) ? wc_clean( urldecode( $_REQUEST[ 'attribute_' . sanitize_title( $attribute_name ) ] ) ) : $product->get_variation_default_attribute( $attribute_name );
wc_dropdown_variation_attribute_options( array( 'options' => $options, 'attribute' => $attribute_name, 'product' => $product, 'selected' => $selected ) );
echo end( $attribute_keys ) === $attribute_name ? apply_filters( 'woocommerce_reset_variations_link', '<a class="reset_variations" href="#">' . __( 'Clear', 'woocommerce' ) . '</a>' ) : '';
?>
</td>
</tr>
<?php endforeach;?>
</tbody>
</table>

<?php do_action( 'woocommerce_before_add_to_cart_button' ); ?>

<div class="single_variation_wrap">
<?php
/**
* woocommerce_before_single_variation Hook.
*/
do_action( 'woocommerce_before_single_variation' );

/**
* woocommerce_single_variation hook. Used to output the cart button and placeholder for variation data.
* @since 2.4.0
* @hooked woocommerce_single_variation - 10 Empty div for variation data.
* @hooked woocommerce_single_variation_add_to_cart_button - 20 Qty and cart button.
*/
do_action( 'woocommerce_single_variation' );

/**
* woocommerce_after_single_variation Hook.
*/
do_action( 'woocommerce_after_single_variation' );
?>
</div>

<?php do_action( 'woocommerce_after_add_to_cart_button' ); ?>
<?php endif; ?>

<?php do_action( 'woocommerce_after_variations_form' ); ?>
</form>

<?php } else {

echo sprintf( '<a rel="nofollow ugc" href="%s" data-quantity="%s" data-product_id="%s" data-product_sku="%s" class="%s">%s</a>',
esc_url( $product->add_to_cart_url() ),
esc_attr( isset( $quantity ) ? $quantity : 1 ),
esc_attr( $product->id ),
esc_attr( $product->get_sku() ),
esc_attr( isset( $class ) ? $class : 'button' ),
esc_html( $product->add_to_cart_text() )
);

}

}

Un saludo

Hola, finalmente he conseguido personalizar las variaciones con el plugin Variation Swatches for Woocommerce Pro. Sin embargo, como dije anteriormente, quería que se mostrasen las variaciones en las páginas de productos y lo he conseguido tal cual se ve a continuación:

Sin embargo, si entráis en cualquier otra categoría de productos, aquellos productos que contienen varios tipos de variaciones, estos se muestran de forma que visualmente no es muy acogedora. Me gustaría saber si es posible excluir de alguna forma estos productos que tienen muchas variaciones para que éstas no se muestren en las páginas de productos y así conservar los de la imagen anterior.

Justo ahora, tras detectar varios errores, he probado a desactivar tanto la versión normal como la versión pro y sin embargo siguen mostrándose las variaciones de los productos como si los plugins estuvieran activos. Necesito resetearlo porque los cambios que hago (colores y demás) no se están aplicando. ¿Alguna solución? Si intento borrarlos me sale el error "No puedes borrar un plugin si está activado para el sitio principal."

Hola Sara.

No puedes borrar un plugin si está activado para el sitio principal.

Ese aviso suele mostrarse cuando estás utilizando un Multisite ¿ Puedes adjuntar una captura del aviso para que veamos exactamente a que se refiere ?

Un saludo