Bloque más información en producto  

Página 1 / 2
 
ALBERTO
 ALBERTO
Estimable Member

Hay alguna posibilidad de colocar el bloque de "más información" justo debajo de la descripción de producto, tal y cómo se señala en el adjunto?

Captura de pantalla 2020 04 16 a las 16.35.32

Citar
Respondido : 16/04/2020 3:38 pm
Karen Rios
 Karen Rios
Usuario Moderator

Hola Alberto,

Puedes modificar la ficha del producto desde el constructor de DIVI, para ello ve al producto que deseas modificar y selecciona la opción usar el constructor de DIVI

imagen

Con esto se habilitará la opción de mover toda la información de los elementos de la ficha de tu producto y ubicarlo donde necesites.

También puedes moverlos a través de código y para ello tienes que tocar el código de la ficha de producto en woocommerce

Generalmente se encuentra en /wp-content/plugins/woocommerce/templates/content-single-product.php

Revisa el siguiente articulo donde muestran como realizarlo -> Contenido solo visible a usuarios registrados

Saludos

 

ResponderCitar
Respondido : 16/04/2020 4:47 pm

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

ALBERTO
 ALBERTO
Estimable Member

Bien Karen. Ya tengo configurada los módulos woo que quiero para cada producto...Puedo hacer que esta configuración se aplique globalmente a los 2000 productos?

También quitar con css recuadro de abajo de más información...

 

Captura de pantalla 2

Captura de pantalla 3

 

ResponderCitar
Respondido : 17/04/2020 11:24 am
Karen Rios
 Karen Rios
Usuario Moderator

Hola Alberto,

La forma más rápida para configurar la plantilla de forma global es como te comenten en el mensaje anterior a través de código desde la plantilla content-single-product.php

Esta generalmente se encuentra en el directorio /wp-content/plugins/woocommerce/templates/content-single-product.php

Puedes ocultar el bloque de más información con el siguiente código

.woocommerce-tabs.wc-tabs-wrapper {
display: none !important;
}

Saldudos

ResponderCitar
Respondido : 17/04/2020 1:30 pm

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

ALBERTO
 ALBERTO
Estimable Member

Hola Karen.

Me refiero a la configuración de los módulos de Divi que te adjunto...puedo hacerlo global?

ResponderCitar
Respondido : 21/04/2020 8:50 am
Karen Rios
 Karen Rios
Usuario Moderator

Hola Alberto,

Ya que no estas construyendo una plantilla especifica de Divi si no que tomas tu producto y Divi coloca los bloques de acuerdo a su posición no veo la forma de hacerlo de forma global. Para ello deberás ajustar la plantilla de todos los productos a nivel de código.

Saludos

ResponderCitar
Respondido : 21/04/2020 2:04 pm

Cursos Gratuitos WordPress

ALBERTO
 ALBERTO
Estimable Member

Hola Karen.

He puesto el código para quitar el recuadro de más información tal y cómo te indico más arriba y no se quita...

Captura de pantalla 2020 04 28 a las 10.21.15

 

ResponderCitar
Respondido : 28/04/2020 9:21 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Alberto.

Prueba con lo siguiente:

.et_pb_module.et_pb_wc_tabs.et_pb_wc_tabs_0.et_pb_tabs {
display: none;
}

 

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 28/04/2020 10:58 am

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

ALBERTO
 ALBERTO
Estimable Member

Gracias pepe.

Siguiendo este hilo...como puedes ver he creado unos módulos de woocommerce-product en este producto, si no lo puedo globalizar, lo iré cambiando poco a poco en algunosmproductos...pero lo que si necesitaría al menos es colocar el botón volver a tienda tal y cómo se ve en el adjunto de forma global, eso se hará colocando código en la ruta que me indica más arriba...Que código pongo??

Captura de pantalla 2020 04 28 a las 12.03.01

ResponderCitar
Respondido : 28/04/2020 11:07 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Alberto,

Puedes probar agregando el siguiente código en tu archivo function.php

add_action( 'woocommerce_after_add_to_cart_button', function() {
$builder_product_link = 'http://tudominio.com/destino/';
?>

<a class="button" href="http://tudominio.com/url_tienda">Regresar a la tienda</a>

<?php
} );

Saludos

ResponderCitar
Respondido : 28/04/2020 3:08 pm

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

ALBERTO
 ALBERTO
Estimable Member

Hola Karen.

Perfecto!!, como puedes ver en el adjunto ahora aparecen los dos botones..necesito css para separarlos y cambiar el color de uno de ellos como te indico en el adjunto. Lo he intentado hacer yo pero el inspector reconoce los dos rótenes como una unidad...o al menos no se yo introducir el estilo de cada botón...

Captura de pantalla 2020 05 04 a las 12.25.46

 

ResponderCitar
Respondido : 04/05/2020 11:29 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Alberto,

Para poder asignar un estilo diferente al nuevo botón debes agregarle una nueva clase adicional por ejemplo .tienda solo debes adicionar la palabra tienda en la opción que asigna las clases en class="buttom tienda"

<a href="http://iberianpets.com/tienda-iberianpets-mayoristas" class="button tienda">Regresar a la tienda</a>

Y luego en tu hoja de estilo Apariencia -> Personaliza -> CSS adicional agregar el código por ejemplo:

.woocommerce div.product form.cart .button {
margin: 5px !important;
}

.woocommerce div.product form.cart .tienda {
background: #000 !important;
color: #fff !important;
margin-top: 5px !important;
margin-left: 2px !important;
}

Dentro del segundo bloque puede modificar el color de fondo para tu botón.

Prueba y verifica si te funciona

Un Saludo

ResponderCitar
Respondido : 04/05/2020 2:54 pm

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

ALBERTO
 ALBERTO
Estimable Member

@karen

Ok Karen.Entiendo.Lo que no se es dónde introducir la clase en el código....

ResponderCitar
Respondido : 11/05/2020 9:17 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Alberto,

La clase debe ir en la estructura de tu enlace dentro de la etiqueta <a>, por ejemplo ahora al estructura de tu nuevo botón esta de esta forma

<a href="http://iberianpets.com/tienda-iberianpets-mayoristas" class="button">Regresar a la tienda</a>

Si verificar hay una palabra llamada class="button" solo debes añadir tu nueva clase dentro de el quedando algo como class="button tienda" tu nuevo botón quedaría de esta forma

<a href="http://iberianpets.com/tienda-iberianpets-mayoristas" class="button tienda">Regresar a la tienda</a>

Luego debes agregar el código a tu CSS para que esta nueva clase tenga efecto y realice los cambios que necesitas al nuevo botón.

Un Saludo

 

ResponderCitar
Respondido : 11/05/2020 1:18 pm

Cursos Gratuitos WordPress

ALBERTO
 ALBERTO
Estimable Member

@karen

Si pero como entro en la etiqueta <a>...tengo que entrar al código que está alojado en alguna carpeta del servidor..??

ResponderCitar
Respondido : 11/05/2020 4:29 pm
Página 1 / 2

Por favor Iniciar Sesión o Registro