display product variations selector on non-woocommerce page

Hi @aguapanelacc!

I recommend checking Variation Swatches and Photos to display your variations look like the link that you’ve shared.

Here is a link to the demo page for this extension: https://elementstark.com/woocommerce-extension-demos/product/color-swatches-attribute-combinations-copy/

I’m not sure how this will be applied in shortcode though. If you want to try any of our products, please note we have a 30-day refund policy. If the product doesn’t work the way you need or you think another product would work better, we are more than happy to offer a full refund. You can read more about our refund policy on our website here: https://woocommerce.com/refund-policy/

Thanks!

Hello Tseten D,

thanks for your reply, but this is just a plugin inside the woocommerce single product page, correct? My question is, how can I display these swatches on a landingpage so visitors can directly select their size or color and add that item to their cart without visiting the woocommerce standard single product pages.

Yes, Variation Swatches and Photos displays the variations in the product page, I was not able to find a plugin that might work for you. I recommend customizing WooCommerce to achieve your goal.

You can learn more about WooCommerce Hooks here:

https://docs.woocommerce.com/document/introduction-to-hooks-actions-and-filters/

and Template structure & Overriding templates via a theme:

https://docs.woocommerce.com/document/template-structure/

If you’re looking for custom code help, you might be able to find someone willing to volunteer their time and knowledge in the free PHP support forum at PHP Builder or within the Advanced WooCommerce group on Facebook.

For assistance with customization or development with your site, we recommend reaching out to someone on our customizations page.

We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.