Breadcrumb Block vs Ibtana – Ecommerce Product Addons

This is a single-block plugin for the breadcrumb trail. It’s simple, lightweight, SEO-friendly, and WooCommerce compatibility. It also includes some simple separator icons. It works everywhere: Page Editor, Site Editor, and template files. How to customize the breadcrumb How to change/remove an item? add_filter( 'breadcrumb_block_get_item', function ( $item_args, $context, $breadcrumbs_instance ) { // Ignore items without context. if ( ! $context || ! ( $context['object'] ?? false ) ) { return $item_args; } // Eg: remove a term. if ( 'term' === ( $context['type'] ?? '' ) && 'term-slug' === $context['object']->slug ) { return false; } // Eg: Change the title of a page. if ( 'page' === ( $context['type'] ?? '' ) && page_id_to_change === $context['object']->ID ) { $item_args[0] = 'Make it shorter'; } return $item_args; }, 10, 3 ); $item_args is a 3-item array: [$item_label, $item_link, $item_attrs] $context is an associative array: ['type' => 'item type', 'object' => 'item object']. type can be one of the following values: front_page, home, shop, page, post, single, term, taxonomy, post_type_archive, search, 404, paged, author, date_year, date_month, date_day, attachment. How to change the markup of the block? add_filter( 'breadcrumb_block_get_breadcrumb_trail', function ( $markup, $args, $breadcrumbs_instance ) { return $markup; }, 10, 3 ); How to add or remove the items from the breadcrumb trail? add_filter( 'breadcrumb_block_get_items', function ( $items, $breadcrumbs_instance ) { return $items; }, 10, 2 ); How to use a custom separator for the breadcrumb trail? add_filter( 'breadcrumb_block_get_args', function ( $args ) { // For example, change separator. $args['separator'] = ' '; return $args; } ); The custom separator should be an inline SVG. To make sure it displays properly, it should have three attributes: width, height, and fill. The values of these attributes should be as follows: fill="currentColor" width="1em" height="1em". Using this hook, you can customize other attributes such as container, before, after, list_tag, item_tag, item_before, item_after, separator. How to prepend the blog page to all single posts? add_action( 'breadcrumb_block_single_prepend', function ( $post, $breadcrumbs_instance ) { if ( 'post' === $post->post_type ) { $blog_id = get_option( 'page_for_posts'); if ( $blog_id ) { $breadcrumbs_instance->add_item( get_the_title( $blog_id ), get_permalink( $blog_id ) ); } } }, 10, 2 ); If this plugin is useful for you, please do a quick review and rate it on WordPress.org to help us spread the word. I would very much appreciate it. Please check out my other plugins if you’re interested: Content Blocks Builder – Build custom layouts and blocks visually in the Block Editor without needing a code editor, using only core blocks and native Gutenberg features. Meta Field Block – A single block to display custom fields in the Block Editor without coding. It supports ACF, MetaBox, WooCommerce, meta, rest field, shortcode and more. Works everywhere: in the Site Editor (FSE), the Block Editor, inside Query Loop, WooCommerce Product Collection, Term Query blocks, and even in template files. SVG Block – A block to display SVG images as blocks. Useful for images, icons, dividers, and buttons. It allows you to upload SVG images and load them into the icon library. Icon separator – A tiny block just like the core/separator block but with the ability to add an icon. Block Enhancements – Adds practical features to blocks like icons, box shadows, transforms, etc. Counting Number Block – A block to display numbers with a counting effect Better YouTube Embed Block – A block to solve the performance issue with embedded YouTube videos. It can also embed multiple videos and playlists. The plugin is developed using @wordpress/create-block.

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 500+ WordPress Theme Bundle at just $119 – 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.