Hi Graeme,
Thanks for reaching out to us.
After reading your ticket thread, I think you should remove the button from the shop page.
This is okay – but I don’t want the user to be able to click on the “select options” button as this takes them to the product page.
It is the default behavior of WooCommerce and is not related to our plugin.
Can you please give me the shop/archive page to check the button?
Hope to hear from you soon.
Thank You
Hi Hakik,
Thanks for the quick reply.
I can remove the “select options” and “add to cart” button via an Astra theme setting. Have added a simple button underneath the variations which I’m thinking of using instead of the standard woo button.
Page is https://allsportsapparel.com.au/sp/landing/
This is not finished but I’m sure you’ll get the idea of what I’m trying to do.
Towards the bottom are the products. Am trying to get the first product working before replicating.
Feel like all I need is to get the selected product/variation – can point me in the right direction with this?
Many thanks
Hi Graeme,
Thanks for sharing the link. If I understand it properly, you want direct checkout from the shop/archive page.
Unfortunately, it is not a feature of the Variation Swatches plugin. You can try a different plugin like this.
Thank You
Shop/Archive page Adjustments
Graeme Hayward
In summary, I’m wanting the user to go through as few clicks as possible.
So from my landing page, they see the product with size variations (this is okay). But I don’t want them to go to the product page.
They select a size and I’ll take them to the cart with a quantity of one, then they can do a quick checkout.
Plugin settings on Archive / Shop tab
On shop page, my product shows available sizes.
This is okay – but I don’t want the user to be able to click on the “select options” button as this takes them to the product page.
If the button is required then I’d like this button to say “Select Size”.
When user clicks on a size, the button changes to “add to cart”. If the button is disabled in the previous step, then it now needs to be enabled to add to cart.
Would like this button to say “BUY NOW”
I’m looking implement on a sales funnel page (ie: one page has all the images and info, as well as the cart and checkout requirements.
To do this, I would need to change the link of the “add to cart” button.
If this cannot be done, then I’m happy to remove (or using code to not display) the “select options” and “add to cart” button, but have not been able to make this happen. Then I can add a custom button
The code before a size is selected is:
<a href=”https://mysite.com.au/product/white-baseball-pants/” data-quantity=”1″ class=”button product_type_variable add_to_cart_button wvs-add-to-cart-button” data-product_id=”2876″ data-product_sku=”BPO-WH” aria-label=”Select options for “WHITE”” aria-describedby=”This product has multiple variants. The options may be chosen on the product page” rel=”nofollow” data-o_html=”Select options” data-o_href=”https://mysite.com.au/product/white-baseball-pants/” data-o_aria-label=”Select options for “WHITE””>Select options</a>
The code after a size is selected is:
<a href=”https://mysite.com.au/product/white-baseball-pants/?attribute_pa_att-pant-size=BPO-m&add-to-cart=2876&variation_id=2924″ data-quantity=”1″ class=”button product_type_variable add_to_cart_button wvs-add-to-cart-button wvs_ajax_add_to_cart” data-product_id=”2876″ data-product_sku=”BPO-WH” aria-label=”Add to cart: &ldquo;WHITE – M&rdquo;” aria-describedby=”This product has multiple variants. The options may be chosen on the product page” rel=”nofollow” data-o_html=”Select options” data-o_href=”https://mysite.com.au/product/white-baseball-pants/” data-o_aria-label=”Select options for “WHITE””>Add to cart</a>
Thank you.