He buscado mucho, pero no pude encontrar ningún complemento que pueda mostrar la lista de categorías de productos en la barra lateral y, al hacer clic en el nombre de la categoría, los productos de esa categoría aparecen debajo del nombre de la categoría al igual que el menú desplegable O, mejor, estaría en forma alterna.
Durante mi búsqueda encontré un complemento similar . La funcionalidad de este complemento es casi según mis requisitos. Pero el problema es que muestra el producto en forma desplegable y quiero que se muestre en forma alterna, algo como esto . Vea la barra lateral izquierda en la que se muestra la categoría de productos y al hacer clic en ella, muestra los productos de esa categoría.
Aunque en mi enlace dado, su alternar solo es una subcategoría al hacer clic en la categoría. Pero quiero alternar Productos al hacer clic en la categoría.
¿Alguna idea de algún complemento similar?
No encontré ninguna coincidencia exacta de mis requisitos como complemento. No hay tales complementos disponibles según mi búsqueda. Así que resolví mi problema con el código en lugar del complemento.
Así es como logré esto sin complemento (porque no pude encontrar ninguno)
Busqué un ejemplo de acordeón y encontré muchos en google. Elijo un ejemplo de muchos disponibles según mi interés.
Luego le di un título a cada interruptor como nombre de categoría del producto y en el contenido del acordeón usé el bucle while para mostrar la lista de productos para poder obtener todos mis productos dinámicamente.
Uso bucle separado para categoría separada. Aquí hay un ejemplo de bucle que se usa para mostrar la categoría, llamado comocategory_1
<?php
$args = array(
'post_type' => 'product', //Specifying post type as product to show all products
'posts_per_page' => -1, //No. of products per page, -1 if for linfiniy products
'product_cat' => 'category_1', //Specifying categories of products by its slug name
'orderby' => array('menu_order' => 'ASC', 'title' => 'ASC') //Specifying product should be appear in menu order.
);
$loop = new WP_Query( $args );
?> <ul>
<?php
if ( $loop->have_posts() ) {
while ( $loop->have_posts() ) : $loop->the_post();
//Showing title of product (Product name)?>
<li style="list-style:none;text-align:left;font-size: 12px;"><a href="<?php the_permalink(); ?>" style="color:#82c0c7;"><?php the_title(); ?></a></li> <?php
endwhile;
}
wp_reset_postdata();
?>
</ul>