If catalog mode is enabled variable products do not appear as intended

[supp0rt]

Hello,

I was creating a staging site and I wanted to use the catalog mode along with the option that every variation of a variable product can appear as a single product, but I saw that this was creating problems.

The problems are:

• User can not choose variations (that might be correct) but also the price does not appear correctly
• URL contains the correct query but the problem is that the price and or the attributes do not appear as selected options

On the private section below, I have some screenshots that might describe the problems better.

Let me know if I missed an option here or did not understand something correctly regarding the functionality.

Best Regards

• This topic was modified 5 months, 2 weeks ago by supp0rt.

Hello supp0rt,

Thanks for reaching to us.

Sorry to say but right now there is no option in Theme Settings available for that. It requires Customization and this is beyond our limitations and support policy scope. Hope you can understand our limitations.

I’d be happy to assist if you have any other questions or concerns.

Kind Regards,

Hello @hungpd-name,

I understand there might be limitations here regarding the support you can offer, but this feature might need a fix to work as intended and it is inside the scope of the support.

Feel free to correct me if I am wrong, but this is a woo commerce functionality that exists and the implementation of the catalog is made based on the filter that Woo also provides and removes the products from being purchasable. Besides that the option that Woodmart provides, for the variable products to appear as separate products seems to not support the proper display of the price, thus it makes these two options useless when they are enabled simultaneously.

These are settings/options that the theme provides, it’s not a specific functionality that I asked and it was not provided in the first place. At least if the variable products appear as separate in a catalog mode, if the user clicks on this product then he must see the correct price. Not only the first price or a range of it.

Please, take into consideration how to fix this, or at least, if this is a functionality that is not fully supported yet, add a specification or an information message, that this will work only on the default shop.

The above is in a polite tone and I have all the goodwill to help as much as I can. So let me know if I can help somehow.

Best Regards

Hello supp0rt,

I conducted a test on my end and price still the same in Catalog mode or not.

You should deactivate all plugins (except Required Plugins) and then reactivate them one by one. This makes it very easy to isolate the plugin causing problems.

Kind Regards,

Hello,

Thank you for your reply. I have posted a video in the section below explaining the situation better. This is still a staging site, so the active plugins are the ones the theme provides, based on the setup wizard.

Currently, the ones that are enabled are WooCommerce, Woodmart Core and WPBakery Page Builder.

Let me know if you need anything else.

Best Regards

[supp0rt]

Hello again,

Just to avoid any misunderstandings here, I will provide the steps I followed:

1. Set the shop on catalog mode from the settings (Shop > catalog mode > Enable catalog mode)
2. Under the setting <Variable products> I have enabled the <Hide “to” price> option and the <Remove duplicate price for variable product>
3. Create a variable product
4. Set 2 attribute values. Color 1, Color 2
5. For the above values set different titles and different prices. Ex: Color 1= 100$ / Color 2=200$
6. Now visit the <Color 2> product and even if in the archive page of the shop the price is displayed properly, if you visit the product’s single page, you will get the first price from the range (100$ for this case)

I hope this helps a bit more. Let me know your thoughts.

Best Regards

• This reply was modified 5 months, 2 weeks ago by supp0rt.

Hello supp0rt,

Thanks for video.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

Thank you for your reply. I have added a login token below. The language is set to English. I have also provided a test product that I use.

Let me know if you need any more information.

Best Regards

Hello supp0rt,

You enabled Show single variation option under Theme Settings > Shop > Variable products, so you will see variable that has higher price but inside product, you will see smaller one only https://prnt.sc/SxEulJGzqgum

Regards,

@Hung Pham.

You enabled Show single variation option under Theme Settings > Shop > Variable products, so you will see variable that has higher price but inside product, you will see smaller one only

Regarding the above. That was exactly my point when I first posted the problem. I want to see the variables as separate products. The problem is not that if this is enabled I see the higher price outside and the smaller inside. The problem is that if the catalog mode is enabled, because of the query that is created based on the attributes, it does not return the correct info.

Why do I insist this might be a bug based on the implication made by the theme?
Try to disable the catalog mode. After that, try to click the product with the higher price again and you will be redirected to the single product with the correct price displayed. Not the smaller or the lower.

What might be the problem here?

Disabling the cart/buy functionality from the woocommerce hook, there might be an error based on the implementation that creates the query, so the product price is not displayed correctly.

Let me know your thoughts.

Best Regards

Hello,

Our catalog mode uses a WooCommerce hook to hide the ‘Add to Cart’ button. The issue is that the ‘Add to Cart’ button and the variations form (which includes the price) are part of a single hook. They cannot be unhooked separately. Therefore, the solution is to disable catalog mode and hide the ‘Add to Cart’ buttons using CSS only.

Kind Regards

Hello @admin

That is exactly what I was saying. Excuse me if I did not provide enough information or make the problem clearer. If I may suggest something that came to my mind. The query is still on the URL so the information is still there and it is still loaded. So I guess that a good approach for the setup where the catalog mode is enabled would be to update the product info (price etc) through js or AJAX call. At least for the vital information, like the price of the product that the user sees.

Thank you for the workaround with the CSS.

Let me know your thoughts.

Best Regards

Hello,

If you want us to help you with a CSS code, please send us a link to the product with variations and disable the catalog mode option. We will prepare a snippet to hide the add-to-cart button.

Kind Regards

[supp0rt]

@admin

I just wanted to bring to your attention that the setting that separates the variable products into single entities in the shop partially works if catalog mode is enabled. I would suggest that this option should be disabled for catalog mode, if not fixed in future updates. If you think of a better approach so that this can work properly, just let me know.

I will not need the CSS. I appreciate your time on the matter and the support that you could provide at this rate.

Thank you

• This reply was modified 5 months ago by supp0rt. Reason: Fixed some typos

OK, thank you for the feedback. Feel free to contact us if you have any further questions.

[Author]

Posts