Display Variation Attributes on Product Grid

  • Resolved dvermeersch

    (@dvermeersch)


    1 year, 3 months ago

    Hi,

    Astra uses this plugin to display variations on product grids. However, it doesn’t automatically display when using Woocommerce’s default product list short code (i.e. to display a product grid/carousel).

    I simply want to create a product grid where a product with let’s say two variations would be shown by their attribute. If I click on the attribute, then the corresponding price and image changes. How can I call this function (ie what code/reference should I use and where?). Can it be called in Elementor Widgets as well (e.g. Unlimited Elements or Ultimate Add-ons)?

    Thanks for letting me know!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Aamir

    (@aamiribsf)

    1 year, 3 months ago

    Hello @dvermeersch,

    Greetings for the day!

    By default the variation swatches work on the default WooCommerce shop/archive pages and product pages.

    If you are using WooCommerce [products] shortcode on pages other than that and want to display the swatches, you can enable it on any page by using this filter.

    add_filter( 'cfvsw_requires_shop_settings', function( $status ){
			if( is_page() ) {
				return true;
			}
			return $status;
		});

    If you’re not sure how to use this custom Code, please refer to the following article on our knowledge base:

    How and Where to Add the Custom JS, CSS & PHP Codes?

    Hope this helps.

    Let me know how it goes

    Thread Starter dvermeersch

    (@dvermeersch)

    1 year, 3 months ago

    Hey Aamir,

    Thanks for the suggestion. I added the code as a Code Snippet, and when adding the Products shortcode, it doesn’t seem to display the variations. When I look in the browser console, then I can see the plugin code reference, but somehow doesn’t work.

    Any thoughts? I uploaded a screenshot:

    https://ibb.co/jDXwVfy

    Thanks for helping out

    Plugin Support Aamir

    (@aamiribsf)

    1 year, 3 months ago

    Hello @dvermeersch,

    Thanks for writing back.

    I have tried the same shortcode on my end and swatches are working for me. Please see this screen recording for reference: https://d.pr/v/UaG5ns

    This seems like a third-party plugin or theme might causing the conflict. Here’s what we can do to make sure:

    Firstly, try to temporarily switch to another theme, like default themes like – Twenty-Twenty or Twenty-Nineteen, and check if the error or issue persists.

    Next, you can deactivate all the plugins temporarily except Variation swatches and WooCommerce and see if that solves the error. If it does then activate plugins one by one to see which plugin is causing the problem.

    Learn more about troubleshooting in WordPress: How to Troubleshoot a Conflict with the Plugin & Theme?

    Hope this helps. Let me know how it goes.

    zhincic

    (@zhincic)

    1 year, 3 months ago

    I’m having the same issue.

    Using the JetWooBuilder alongside Elementor to build the custom Shop Page template, but not getting the variations on the Shop Page.

    The variations are however seen on Single Product Page.

    Plugin Support Aamir

    (@aamiribsf)

    1 year, 3 months ago

    Hello @zhincic ,

    Greetings for the day!

    I can see that you have opened a ticket with us on our support forum. We have responded to you there. Please continue the conversation there.

    Best regards,

    Plugin Support Sravan Bhaskaravajjula

    (@bhshravankumar)

    1 year, 2 months ago

    Hello @zhincic,

    You have contacted us on our support form and we are helping you there, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.
    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Display Variation Attributes on Product Grid’ is closed to new replies.