Avisos
Vaciar todo

editar estructura pagina producto bento  

 
Ricardo
 Ricardo
Reputable Member

Hola, me podeis indicar cual es el php para modificar la estructura de la página de producto?

lo que deseo es hacer que las pestañas de descripción aparezcan debajo de la galería y ocupando el 100% de la página y no el 50% como ahora

adjunto imagen de cómo desearía que quedara

gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 04/08/2018 5:47 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Revisa un código similar al siguiente en tu theme ya que al parecer por defecto es justo al contrario (tal como lo quieres) revisa:

https://businessbloomer.com/woocommerce-move-product-tabs-short-description/

Saludos.

ResponderCitar
Respondido : 04/08/2018 6:16 pm

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

Ricardo
 Ricardo
Reputable Member

Hola Jhon

he estado toqueteando código durante días con lo que me mandaste y no lo consigo

la primera línea elimina la descripción de donde esta

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );

pero la segunda línea en lugar de colocarlo donde quiero, lo vuelve a colocar en el mismo sitio

add_action( 'woocommerce_single_product_summary', 'woocommerce_output_product_data_tabs', 60 );

ResponderCitar
Respondido : 07/08/2018 11:09 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola ricardo.

Prueba si con un poco de CSS puedes ajustarlo.

Añade lo siguiente a tu archivo wp-content -> themes -> bento -> style.css

.woocommerce-page div.product .woocommerce-tabs {
    margin-top: 20em!important;
    width: 1000px!important;
    float: right!important;
}

un saludo

ResponderCitar
Respondido : 07/08/2018 3:10 pm

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

Ricardo
 Ricardo
Reputable Member

queda muy raro,

además me sale un aviso en el documento style.css que pone Use of !important

lo he dejado puesto para que puedas ver que queda como descolocado

ResponderCitar
Respondido : 07/08/2018 3:36 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ricardo.

Puedes modificar los valores hasta adecuarlo a lo que buscas, por ejemplo, prueba con esto:

.woocommerce-page div.product .woocommerce-tabs {
    margin-top: 40em!important;
    width:1400px;
    max-width: 1400px!important;
    float: right!important;
}

Nota: recuerda eliminar el código anterior.

Un saludo

ResponderCitar
Respondido : 07/08/2018 5:10 pm

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

Ricardo
 Ricardo
Reputable Member

Hola Pepe, hacerlo de esta manera no me sirve ya que lo coloca respecto a la primera imagen sin tener en cuenta si hay 2 o 50 fotos adicionales y si hay muchas queda el texto encima de estas y si lo separo mas queda muy alejado en productos que tienen pocas fotos

y hay algunas paginas como esta que tienen muchas imágenes adicionales

Contenido solo visible a usuarios registrados

ResponderCitar
Respondido : 20/08/2018 8:19 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Lamentablemente el cambio que tendrías que hacer sería a nivel de estructura ya que el HTML generado dificilmente permite cambios por CSS para que los tabs ocupen todo el ancho.

Te explico, en la siguiente imagen verás una flecha roja que marca el código de los tabs, como verás este código HTML esta al mismo nivel que la parte superior de resumen (summary) y ambos elementos dentro de un wrap (single-product-section-wrap) por lo tanto para hacer lo que quieres tendrían que los tabs estar fuera de este wrap.

Revisa los archivo de tu theme, verifica si tienes una carpeta de Woocomerce , allí debería haber archivo que hagan referencia a mostrar el detalle de producto, si tu theme es comercial podrías consultar con los desarrolladores.

Saludos.

ResponderCitar
Respondido : 20/08/2018 10:26 pm

Ricardo
 Ricardo
Reputable Member

he descargado el tema completo y buscando esta linea

solo me aparece algunas veces en el css y una vez en el functions.php que es lo que te copio a continuacion

// Adjust single product layout so that the sections flow more naturally
function bento_woo_single_product_sections_start() {
echo '

';
}
function bento_woo_single_product_sections_end() {
echo '

';
woocommerce_output_related_products();
}

Pero si busco la linea que me has marcado con una flecha roja no aparece por ningun lado. Sabes alguna otra parte donde buscar que no sea dentro de la carpeta del tema?

Gracias

ResponderCitar
Respondido : 21/08/2018 3:59 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ricardo.

¿ El tema que utilizas es este ?
-> https://es.wordpress.org/themes/bento/

El problema con woocommerce es que crea la ficha de los productos a partir de bloque es decir no tienes un archivo product.xxx con toda la configuración, sino que tienes descripción, tablas, etc.. y con eso monta la pagina del producto.

El modificar el código en woocommerce es complicado, por eso el tema de codificarlo por css.

En el foro no damos esa clase de soporte ya que cada plantilla es distinta, tiene su propio código y puede que lo que te ofrezcamos no sea lo que realmente necesitas.

Un saludo

ResponderCitar
Respondido : 21/08/2018 6:13 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Lamentablemente la forma en que trabaja WooCommerce con los themes es utilizando hooks, esto te puede dificultar al momento de hacer cambios.

El código que comentas con la flecha roja lo genera el propio WooCommerce, tu theme debe estar modificando algún hook para hacer que los tabs se muestren dentro del contenedor.

Si quieres ir probando hooks podrías buscar en tu theme los hooks:
woocommerce_product_tabs y woocommerce_single_product_summary que son los que se usan en la página de detalle de producto.

Tal como ves es un tema de programación, lo más práctico sería que consultes a los desarrolladores del theme que al haberlo desarrollado conocen el código que han usado para esto.

Saludos.

ResponderCitar
Respondido : 21/08/2018 6:15 pm
Ricardo
 Ricardo
Reputable Member

Gracias a los 2 por vuestras respuestas. Está claro que queda fuera de mis conocimientos cambiar eso y de momento lo dejare asi hasta que contesten los creadores de la plantilla a ver si ellos me dan una solución y si lo consiguen ya lo colgare aqui para que otro usuario con el mismo problema lo vea.

Todo esto lo he querido cambiar debido a que tengo productos con demasiadas imágenes y la navegabilidad es nula ya que carga la imagen arriba y el usuario no se da cuenta y quería cargar las imagenes dentro de la descripción pero visto que no puede ser ya buscare algun plugin de galería que me convenza (aunque ya he probado 12 y ninguno hace lo que quiero) pero al final lo encontraré.

Mi ultima duda antes de cerrar este tema es la siguiente

Cuando pongo una página de producto en el sitemap me dice que tiene 0 imagenes y en el caso de esta pagina que he puesto 2 imágenes dentro de la descripción me dice que tiene 2 imágenes

Contenido solo visible a usuarios registrados

en realidad la página tiene 19 imágenes. ¿Quiere eso decir que google no las leerá como parte del contenido de la página? Necesito que las lea porque tengo muchas imágenes y todas con el titulo adecuado para SEO y un plugin que crea el ALT a través del nombre de la imagen (quitando los guiones)

No se si es un fallo de Yoast SEO al crear el sitemap o si es de la galería o si por el contrario esta bien asi y google las considera parte del contenido aunque no salgan en el sitemap

Gracias

ResponderCitar
Respondido : 21/08/2018 7:01 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Para mantener orden en el foro te sugiero plantear esta nueva consulta en un nuevo hilo de discusión y con el título adecuado, de esta manera mantenemos el foro en orden.

Saludos.

ResponderCitar
Respondido : 21/08/2018 7:29 pm