READ MORE Category Pages instead of Select Options

One more thing, we are using TwentyTwentyFour child theme, a block theme

And there’s the clue….

Changing the theme to Twenty Seventeen mostly fixes the issue. The button still says ‘Read more’ but it now has the correct hyperlink and clicking on the button goes to the product page nicely.

So am guessing the question is can you guys make your plugin work with the current block themes , which have now been around for quite a long time

Hi @treecutter,

Thank you for using our plugin.

We apologize for any inconvenience caused.

Please provide us with more details about how you created that page so that we can replicate it and conduct testing. You can also include screenshots of the page configuration and a link to the page.

Thanks and regards

The issue seems quite simple. You plugin appears not to be compatible with block themes such as TwentyTwentyFour.

Steps to reproduce using block theme such as TwentyTwentyFour:

Create two or more VARIABLE products, each members of the same Category

Create a BUNDLED product …

ADD Bundle >>> In the ‘Categories’ row , select the Category used for the Variable products. Repeat to add second Bundle.

Go to the front end and view the Category page

Instead of a ‘Select Options’ button, it shows a ‘Read More’ button. Clicking the button results in the above mentioned error message. Clicking on the Category image works fine and results in he correct Bundled product page with options to select variations.

Change theme to Classic theme , for example TwentySeventeen, and the issue is gone.

This is how the “READ MORE” button renders with a block theme:

<button  class="wp-block-button__link wp-element-button wc-block-components-product-button__button add_to_cart_button product_type_easy_product_bundle has-font-size has-small-font-size has-text-align-center wc-interactive" style="margin-bottom:1rem;" data-product_id="184" data-product_sku="" aria-label="Read more about “Compact 2 Duo Pack”" rel="nofollow" data-wc-on--click="actions.addToCart" data-wc-class--loading="context.isLoading">
						<span data-wc-text="state.addToCartText" data-wc-class--wc-block-slide-in="state.slideInAnimation" data-wc-class--wc-block-slide-out="state.slideOutAnimation" data-wc-on--animationend="actions.handleAnimationEnd" data-wc-watch="callbacks.startAnimation" data-wc-layout-init="callbacks.syncTemporaryNumberOfItemsOnLoad">Read more</span>
						</button>

<span data-wc-text="state.addToCartText" data-wc-class--wc-block-slide-in="state.slideInAnimation" data-wc-class--wc-block-slide-out="state.slideOutAnimation" data-wc-on--animationend="actions.handleAnimationEnd" data-wc-watch="callbacks.startAnimation" data-wc-layout-init="callbacks.syncTemporaryNumberOfItemsOnLoad">Read more</span>

And this is how the “READ MORE” button renders with a classic theme:

<a  data-quantity="1" class="button product_type_easy_product_bundle add_to_cart_button " data-product_id="184" data-product_sku="" aria-label="Read more about “Compact 2 Duo Pack”" aria-describedby="" rel="nofollow">Read more</a>

Ok after more research, we can share the following results of displaying products/bundes by CATEGORY using a standard block theme such as TwentyTwentyFour

1. Using a direct link to the worpress category page, i.e Dashboard > Products > Category . Click on the VIEW link. Result = broken button
2. Add a standard ‘CATEGORY’ block to any page. Result = entire block is broken when WooCommerce installed and activated
3. Add a WooCommerce ‘Products by Category’ block to any page and populate with the desired category. Result = BUTTON WORING PERFECTLY !!!

The final issue is the undesirable READ MORE button, which can be customised with a php snippet, see here:

https://wpzone.co/wordpress-and-divi-code-snippets/woocommerce-change-read-more-button-text/

Hope this helps others facing the same issue

Otherwise this is a really awesome plugin, thank you !!

• This reply was modified 8 months ago by treecutter.

Hi @treecutter

Thank you for bringing this issue to our attention. It will be addressed in the upcoming release.

We kindly ask for your support in sharing the news and encouraging us with a 5-star review for the plugin here.

We appreciate your patience.

Best regards