Shortcode for XStore Add To Cart button?

This topic has 9 replies, 3 voices, and was last updated 4 years ago ago by Olga Barlow

  • Avatar: Danny
    Danny
    Participant
    March 30, 2020 at 20:35

    I’ve been having a real pain trying to put add to cart buttons on Revolution Slider, and when I use a woocommerce ATC button customizer plugin, it messes with the XStore theme’s Add to Cart button throughout the site.

    So I guess my question is, is how to put your add-to-cart button style (the one users can customize in XStore settings, with the icon + check mark after added to cart) on to a slide I’m customizing in Revolution Slider?

    This is the shortcode I am using now:
    [add_to_cart id="9700" show_price="false"]

    But it is, truly hideous.

    8 Answers
    Avatar: John Holden
    John Holden
    Support staff
    March 31, 2020 at 06:48

    Hi,

    Please send:

    – Screenshots of issues
    – Admin info (wp-admin URL, username, password)

    I will check this problem for you.

    Regards,
    Hung PD

    Avatar: Danny
    Danny
    Participant
    March 31, 2020 at 07:07

    See private content

    Please contact administrator
    for this information.
    Avatar: Danny
    Danny
    Participant
    March 31, 2020 at 20:08

    Just to clarify, since this request might seem confusing at this point:

    All I’m looking for is to be able to make the ‘Add to Cart’ button to be the same site-wide. When I use the default woocommerce shortcode [add_to_cart id="99" show_price="false"] etc. it shows the default woocommerce ‘Add to Cart’ button which doesn’t fit at all with my design. I am really hoping to use your Add to Cart button from your theme, is there some way to get a shortcode for your button?

    Or perhaps I can copy/paste some additional custom CSS?

    Pardon my naiveté…..

    Avatar: John Holden
    John Holden
    Support staff
    April 1, 2020 at 06:07

    Hi,

    – You can use Text / Button layer to link to add to cart action https://www.themepunch.com/slider-revolution/layer-content/#text-buttons

    – In the last slider, I see you linked add to cart action https://prnt.sc/rql44v

    Regards,
    Hung PD

    Avatar: Danny
    Danny
    Participant
    April 1, 2020 at 16:26

    Yes but when it’s a link, it reloads the page. Customers should be able to scroll down the page and add multiple items to ajax cart before checking out.

    That’s why I used a text layer with this shortcode ‘[add_to_cart id="9700" show_price="false"]‘ to create that add to cart button & action on the last slider, there is no action set in Slider Revolution.

    I want that button you referenced in your screenshot, to look like the button on my product pages: https://prnt.sc/rqxpeo

    Or at least not reload the page when I link a URL to an action. Any suggestions there?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 2, 2020 at 12:54

    Hello,

    You can use HTML with the necessary data attributes and classes to implement ajax add to cart button for the simple products http://prntscr.com/rrin3w
    But unfortunately, it won’t work for the variable products because you need to choose variations there.

    Regards

    Avatar: Danny
    Danny
    Participant
    April 2, 2020 at 18:05

    AMAZING, THANK YOU SO MUCH!!! Exactly what I was looking for, and trust me I looked EVERYWHERE online and tried so many different things that didn’t really end up working.

    Thanks for all your help! Super appreciate it!!!

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 2, 2020 at 18:42

    Hello,

    You are welcome.

    Regards

  • Viewing 9 results - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.