Pregunta sobre Custom Product Tabs for WooCommerce de Wordpress:

Agregar contenido de pestañas personalizadas al diseño de la página del producto (tema Divi)

Un usuario preguntó 👇

Hola,

De todos los productos que hemos tenido en nuestro sitio anterior, las especificaciones del producto se encuentran en una pestaña de producto personalizado.

Estoy buscando una forma de mostrar el contenido de esta pestaña personalizada en el diseño de la página del nuevo producto. Pero como puedes imaginar, estoy estancado.

Usando el constructor Divi y configurando nuestra propia página de producto. No voy a utilizar la opción de la pestaña Producto WooCommerce.

¿Algun consejo?

Agradecemos toda la ayuda. ¡Salud!

(@fmixell)

Hace 1 año, 6 meses

@martinaadland,

Las pestañas disponibles a través de las pestañas de productos personalizados para WooCommerce no solo están cambiando, sino que también están agregando las pestañas predeterminadas proporcionadas por WooCommerce. En resumen, si no está utilizando las pestañas de WooCommerce, no tendrá acceso a estas pestañas en su plantilla.

Sin embargo, estas pestañas todavía están en su base de datos y se puede acceder a ellas a través de postmeta con la clave ‘yikes_woo_products_tabs’.

Si está creando una plantilla de página, usaría el siguiente código para extraer los títulos de las pestañas y agregarlos a una lista.

Lo mismo se puede lograr para usar el contenido de la pestaña $tab['content'] en lugar del título a continuación.

<?php while ( have_posts() ) : the_post(); ?>
    <ul>
        <?php 
            $tabs = maybe_unserialize(
                get_post_meta(
                    get_the_ID(),
                    'yikes_woo_products_tabs',
                    true
                )
             );
             
             foreach($tabs as $tab) {
                 if ( ! empty( $tab ) ) {
                     echo "<li>" . esc_html( $tab['title'] ) . "</li>";
                 }
              }

     ?>
    </ul>
<?php endwhile; // end of the loop. ?>

No estoy seguro de cómo se implementaría esto con el constructor Divi, pero si estuviera creando un tema, necesitaría incluir archivos de plantilla para anular las plantillas de página de WooCommerce.

Este ejemplo se realiza utilizando el bucle, por lo que tendría que ejecutarlo dentro del bucle para que funcione. No estoy seguro de si esto se ajustará a su caso de uso, pero si puede obtener acceso al postmeta de la página que está viendo actualmente dentro del constructor divi, verá todas las pestañas sobre yikes_woo_products_tabs.

Espero que esto me ayude a hacerme saber si tiene la capacidad de ver su postmeta. De lo contrario, recomendaría usar la funcionalidad predeterminada de la pestaña WooCommerce.

Salud,

Freddie

Lanzador de hilos

(@martinaadland)

Hace 1 año, 6 meses

Muchísimas gracias. Luego me quedo con las pestañas.

Ahora he creado un campo de especificación en la página del producto donde quiero generar el contenido de las pestañas de productos personalizados, en lugar de mostrarlo junto a la pestaña de informes.

Es mejor no titular la pestaña o la pestaña en sí, solo el contenido. ¿Tiene algún consejo al respecto?

Buena suerte martin

(@fmixell)

Hace 1 año, 5 meses

Si desea eliminar el título de las pestañas, puede usar CSS.


h2.yikes-custom-woo-tab-title {
     display: none;
}

O si está familiarizado con la adición de filtros a su archivo de tema functions.php, puede usar estos filtros.

Elimina el título de la propia pestaña WooCommerce. (No el botón)
add_filter( 'woocommerce_product_description_heading', '__return_empty_string' );

Eliminar el mismo título de las pestañas personalizadas
add_filter( 'yikes_woocommerce_custom_repeatable_product_tabs_heading', '__return_false' );

Salud,

Freddie

Lanzador de hilos

(@martinaadland)

Hace 1 año, 5 meses

Gracias.

¿Qué pasa con el contenido del programa?

Leí el hilo «Shortcodes» y traté de hacerlo agregando la función de acceso directo a las funciones my.php, pero eso no funcionó. ¿Hay una forma fácil de hacer esto?

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.