Avisos
Vaciar todo

Personalizar variaciones con bodycommerce  

Página 1 / 2
 
Sara
 Sara
Usuario eminente

Hola, me gustaría personalizar las variaciones de mis productos que woocommerce trae por defecto, como pueden ver en la primera imagen que adjunto. El problema es que nada más instalar el plugin Divi bodycommerce las variaciones de todos los productos se desactivan. Aparecen en los productos pero no te deja seleccionar ninguna opción, e incluso si la variación contiene imágenes, éstas no aparecen. Podéis ver el resultado en la segunda imagen que adjunto. ¿Alguna solución?

PD: he desactivado el plugin porque mis clientes no pueden comprar productos con variaciones, por si acaso revisan mi dominio.

Captura de Pantalla 2022 12 09 a las 17.59.38
Captura de Pantalla 2022 12 09 a las 17.39.26

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 09/12/2022 5:10 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

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 

ResponderCitar
Respondido : 09/12/2022 5:22 pm

Sara
 Sara
Usuario eminente

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

ResponderCitar
Respondido : 09/12/2022 5:35 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

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

image

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

Saludos!

 

ResponderCitar
Respondido : 09/12/2022 5:56 pm

Sara
 Sara
Usuario eminente

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

ResponderCitar
Respondido : 09/12/2022 6:47 pm
Sara
 Sara
Usuario eminente

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

Captura de Pantalla 2022 12 09 a las 19.48.42

 

ResponderCitar
Respondido : 09/12/2022 6:49 pm

Bruno
 Bruno
Soporte CMS Webempresa Moderator

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

image

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

image

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

Saludos!

ResponderCitar
Respondido : 09/12/2022 7:28 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

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

image

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 

 

ResponderCitar
Respondido : 09/12/2022 7:30 pm

Sara
 Sara
Usuario eminente

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í:

Captura de Pantalla 2022 12 09 a las 17.59.38

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:

ejemplo

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:

Captura de Pantalla 2022 12 09 a las 19.48.42

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.

ResponderCitar
Respondido : 09/12/2022 9:28 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Sara,

Cuando ingreso a tu sitio veo esto:

image

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 🖐️ 

ResponderCitar
Respondido : 09/12/2022 10:06 pm

Sara
 Sara
Usuario eminente

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

ResponderCitar
Respondido : 10/12/2022 8:54 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 10/12/2022 11:30 am

Sara
 Sara
Usuario eminente

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:

Captura de Pantalla 2022 12 10 a las 16.16.30

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.

Captura de Pantalla 2022 12 10 a las 16.16.17

 

ResponderCitar
Respondido : 10/12/2022 3:20 pm
Sara
 Sara
Usuario eminente

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

Esta publicación ha sido modificada el hace 1 año por Sara
ResponderCitar
Respondido : 10/12/2022 3:42 pm

Pepe
 Pepe
Soporte CMS Webempresa Admin

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

 

ResponderCitar
Respondido : 10/12/2022 4:59 pm
Página 1 / 2