Added to cart not showing up

  • Resolved carlogrs

    (@carlogrs)


    4 years, 4 months ago

    Hi, thanks for your plugin. I have been searching a way to make an add to cart button inside revolution slider and with your plugin it worked! I was soo happy about that.

    Now i have a question.
    https://www.filatibiagioli.it/autunno-inverno-21-22/key-yarns-prova/

    Go to the second page and click on the “ANGORA 80” product, a popup will appear and on the right side you have the “add to cart button”.
    If you press add to cart you see that the product has been added to the cart, but the theme animation on the cart icon is not enough.

    I need that after clicking “add to cart” inside your plugin button i see something like “ADDED!” to let the user know that the product was added.

    Can you help me out?

    P.S. If this is a work that needs development and i can get it from you please let me know!

    • This topic was modified 4 years, 4 months ago by carlogrs.
    • This topic was modified 4 years, 4 months ago by carlogrs.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author The Rite Sites

    (@theritesites)

    Hey Carlogrs,

    It is something we can offer, you can reach out to us directly at our website.
    Otherwise, depending on how comfortable you are with doing styling, the plugin follows a familiar pattern to WooCommerce. The “Add to cart Button” gains an “added” css class. Using this you can have the button or anywhere around it change styling.

    A new version will have a universal selector for all buttons, but right now variable products have a different button than other product types.

    Here would be a css selector you could use:

    
.woocommerce-variation-add-to-cart .button.added, .woocommerce-simple-add-to-cart .button.added
{
color: red;
}

    And one a bit more geared towards a solution for you….

    
.woocommerce-variation-add-to-cart .button.added::after, .woocommerce-simple-add-to-cart .button.added::after
{
  content: "added!";
  display: block;
}

    Please feel free to reach out if you have any more questions!

    Thanks,
    The Rite Sites

    Thread Starter carlogrs

    (@carlogrs)

    Hi, thanks for your answer.

    The second code you provided is quite good, but is it possible to hide the main text and keep only the “ADDED” Code?

    If this is a custom work let me know!

    Thanks a lot

    Plugin Author The Rite Sites

    (@theritesites)

    An alternative approach you can take is to hide the “Add to Cart” button, and WooCommerce is spawning a “Cart” button after. Your theme seems to hide this button and also does not style it.

    So you could:
    1) Hide the “added” class using 

    .woocommerce-variation-add-to-cart .button.added, .woocommerce-simple-add-to-cart .button.added
{
display: none;
}

    2) Overwrite the styles for the selector a.added_to_cart {} into a button style to match the old button.

    If this does not fit as a solution, you can find a link to us within our wordpress profile, we would be glad to continue talking with you.

    Cheers,
    The Rite Sites

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Added to cart not showing up’ is closed to new replies.