Avisos
Vaciar todo

[Resuelto] Colocar las variaciones debajo del precio.  

 
Francisco
 Francisco
Reputable Member

Hola, amigos, me gustaría ver si a través de algún código o algún CSS se pudiera modificar el área en donde aparece el precio del producto, y que justo debajo del precio aparezcan las variaciones, porque normalmente te muestra primero el precio, después la descripción corta y al final las variaciones.

 

Gracias.

vean

 

 

Contenido solo visible a usuarios registrados

Respondido : 25/01/2022 1:19 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Francisco, 

En este caso puedes moverlo pero debajo de la descripción corta, encima de la variación por ejemplo

Screenshot (94)

Para mover esto debes añadir el siguiente código en el function.php de tu tema (Preferiblemente un tema hijo) o usando un plugin como Code Snippets

add_action('woocommerce_single_product_summary', 'move_single_product_price', 1);
function move_single_product_price() {
remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_price', 10);
add_action('woocommerce_single_product_summary', 'woocommerce_template_single_price', 29);
}

Revisa si con esto logras configurar lo que necesitas

Un Saludo

Respondido : 25/01/2022 1:51 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Francisco
 Francisco
Reputable Member

@karen Hola, Karen

la verdad, me gustaría que quedara arriba, e incluso que si pudiera quedar el Añadir a carrito y finalizar compra debajo de las variaciones, pero ahorita realicé lo que me indicas en el code snipes, pero no vi ningún cambio. No sé si hice algo mal.

image
Respondido : 25/01/2022 2:27 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Francisco 

Veo que se muestra debajo del precio, es decir, con lo que te indico Karen, muestra primero la descripción y después se muestra el precio y las variaciones.

screenshot www.suplementosnutrisport.com 2022.01.25 15 57 07

Un saludo

 

Respondido : 25/01/2022 2:59 pm

Cursos Gratuitos WordPress

Francisco
 Francisco
Reputable Member

@pepesolery @karen sí, en efecto, ya después de seguirle moviendo me di cuenta que cometí un error de no activar el code snipes, ya que sí estaba hecho, pero no activado,  😔 error mío, gracias.

Ahora, la duda, es: se podría pasar toda esa sección: precio, variaciones y añadir a carrito + comprar ahora a la parte superior a la descripción corta? 

Respondido : 25/01/2022 3:45 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Francisco, 

En este caso si lo que deseas es mover la descripción corta debajo de todo primero debes desactivar el código anterior y añadir el siguiente 

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30);
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 10 );

De esta forma el contenido se reorganiza de la siguiente manera

Screenshot   2022 01 25T120221.011

Verifica si con esto puedes configurar lo que necesitas

Un Saludo 

Respondido : 25/01/2022 4:02 pm
Francisco me gusta

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Francisco
 Francisco
Reputable Member

@karen funcionó de maravilla. Gracias. 😀 

Respondido : 26/01/2022 9:55 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Francisco,

Encantados de ayudar, si tienes alguna otra duda puedes crear un nuevo tema y con gusto lo vemos.

Un saludo 🖐️ 🤓 

Respondido : 26/01/2022 9:59 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress