Avisos
Vaciar todo
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
Respondido : 04/08/2018 5:47 pm
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.
Respondido : 04/08/2018 6:16 pm
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 );
Respondido : 07/08/2018 11:09 am
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
Respondido : 07/08/2018 3:10 pm
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
Respondido : 07/08/2018 3:36 pm
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
Respondido : 07/08/2018 5:10 pm
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
Respondido : 20/08/2018 8:19 pm
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.
Respondido : 20/08/2018 10:26 pm
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 '
}
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
Respondido : 21/08/2018 3:59 pm
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
Respondido : 21/08/2018 6:13 pm
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.
Respondido : 21/08/2018 6:15 pm
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
Respondido : 21/08/2018 7:01 pm
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.
Respondido : 21/08/2018 7:29 pm
