Accordion Blocks vs Ibtana – Ecommerce Product Addons

Accordion Blocks is a simple plugin that adds a Gutenberg block for adding accordion drop-downs to your pages. The accordions should blend seamlessly with your theme. However, you may want to add custom styles to your theme. Features Adds a Gutenberg block for adding accordions to your site. Supports multiple accordions with individual settings for each accordion item. Fully responsive. Support for item IDs and direct links. Supports nesting accordions. Accessible (for users requiring tabbed keyboard navigation control). Optional Features Open individual accordion items by default. Disable auto closing of accordion items. Manually close items by clicking the title again. Scroll page to title when it’s clicked open (including setting a scroll offset position). Set the HTML heading tag for the title element (h1–h6, button). Set defaults to be applied to all new accordion items or reset a specific accordion item to the defaults. Supports adding custom block styles using wp.blocks.registerBlockStyle. Output The plugin will ultimately output following HTML (simplified for this example): Title with H2 tag Content Custom CSS You can use the following CSS classes to customize the look of the accordion. .c-accordion__item {} /* The accordion item container */ .c-accordion__item.is-open {} /* is-open is added to open accordion items */ .c-accordion__item.is-read {} /* is-read is added to accordion items that have been opened at least once */ .c-accordion__title {} /* An accordion item title */ .c-accordion__title--button {} /* An accordion item title that is using a ` ` tag */ .c-accordion__title:hover {} /* To modify the style when hovering over an accordion item title */ .c-accordion__title:focus {} /* To modify the style when an accordion item title currently has broswer focus */ .c-accordion__content {} /* An accordion item content container */

Ibtana – Ecommerce Product Addons is excellent for designing a highly customized product page that shows your products in a more prominent and interesting way. You can easily create unique product pages now. You do not need coding skills as it has a simple drag and drop interface using Gutenberg blocks, that gives complete control in the user's hand so that a user can come up with a personalized product page that can reflect their business and brand. You can make default Woocommerce pages catchy with this plugin. The built-in blocks of this add on can be utilized for adding important elements such as Add to Cart buttons, images of the product, regular and sale price of your product, as well as customers’ reviews and ratings. All the modifications are made on the front end and your potential clients get to see this new, enhanced and attractive product page design that you have come up with. Ibtana – Ecommerce Product Addons currently includes the following blocks: Add To Cart Product Image Product Price Product Review Product Rating Product Meta This plugin seamlessly simplifies the process of crafting sections such as the Product Gallery, Add To Cart functionality, Product Price, Product Review, Product Rating, and Product Meta on individual product pages. Its adaptability is evident in its integration across a variety of themes and live websites, showcasing its widespread applicability. VW Themes, a reputable provider, offers a collection of free WordPress themes exclusively developed using the Ibtana – Ecommerce Product Addons plugin. Dive into a world of creativity and efficiency as you explore these themes, each meticulously crafted to enhance the user experience and streamline the creation of engaging and functional e-commerce websites. Explore Free Themes: Free WordPress Themes Explore the Collection of Premium Theme (Starting from $29) – Premium WordPress Themes Get the 250+ WordPress Theme Bundle at just $99 – WP Theme Bundle More Info About the Blocks Product Rating Create custom rating options for your product pages. Add To Cart For inserting the Add To Cart button to your product page, you can use this Add To Cart block. It comes with basic settings for adjusting the color gradient, opacity, and more. Product Image You can use this Image block to display an image of your Woocommerce product in the front and you may also use its additional settings that allow the image to zoom when hovering. Product Price The Product Price block can be used to add the product prices to the displayed products on your page. You can change the color, border, etc. with the settings provided. Product Review You can add the reviews in the form of start ratings with the help of this Product Review block simply dragging and dropping. Product Meta This Block allows you to construct and customize your product Meta fields. Select and show a single product in a new, high-effect fashion. Control textual content alignment, hide or display the price and description, upload a color overlay.