17th Oct '24/2 commentsDynamic Posts Side Menu with Expandable and Collapsible Accordion Submenus in WordPressSridhar Katakam This Pro tutorial provides the steps to show all the posts of a specified post type as menu items with accordion functionality for submenus. This is especially useful for Pages and hierarchical CPTs that have parent > child posts. While Bricks was used whilst developing the solution, this technique can be implemented in any WordPress site. Step 1 Add the following in child theme's functions.php (w/o the opening PHP tag) or a code snippets plugin: This is a BricksLabs Pro tutorial. For full access login below or create your BricksLabs Pro account Username Password Remember Me Forgot Password Tagged: AccordionProSide MenuWordPressSridhar KatakamSridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.Get access to all 610 Bricks code tutorials with BricksLabs Pro
Auto-Scroll to the New Open Accordion ItemHow we can make sure the scroll position is always synced with the accordion when opened.Read more →Categories: Bricks, FreeTags: Accordion
Pro Dynamic Horizontal Posts Accordion in BricksCreating a horizontal accordion of featured images from posts output by Bricks' query loop.Read more →Categories: Bricks, ProTags: Accordion, CSS
Pro WooCommerce Product Carousel in BricksHow to set up a carousel that shows WooCommerce products with the product title, price and Add to Cart button for each.Read more →Categories: Bricks, ProTags: Accordion, WooCommerce
Pro Category Posts Accordion in BricksThis Pro tutorial provides the steps to set up a dynamic accordion of posts grouped by their categories based on the previous Posts Grouped by…Read more →Categories: Bricks, ProTags: Accordion, bricks/posts/query_vars, Nested Queries
Making Bricks Nestable Accordion’s First Item Open on Desktop and Closed on MobileUsing JS to ensure the accordion first entry is open on desktop but closed on mobile.Read more →Categories: Bricks, FreeTags: Accordion
Pro Accordion Grid Query Loop in BricksHow to set up a accordion in Bricks such that the "titles" are arranged in a grid with the full width content opening below.Read more →Categories: Bricks, ProTags: Accordion, CSS, Query Loop
Pro Dynamic Accordion in WordPress using Meta Box and Alpine.jsThis Pro tutorial provides the steps to implement an accordion using Alpine.js in WordPress that pulls the values of sub fields of a Meta Box…Read more →Categories: Plugins, Pro, WordPressTags: Accordion, Alpine.js, Meta Box
Bricks Accordion (Nestable) Element’s IconsAdding icon rotations to Bricks' Accordion (Nestable) element when opened.Read more →Categories: Bricks, FreeTags: Accordion