Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #335342

    amin92
    Participant

    Hello, first time using woocommerce and I’m trying to get a notification for when an item is added to cart like this uses: https://theme.co/x/demo/shop/icon/
    How can i achieve this?

    Also in the cart page on mobile view the added products title doesn’t show, is it possible to make this showing? it shows on other website sizes but not mobile.

    Thank you

    #335343

    amin92
    Participant
    This reply has been marked as private.
    #335478

    Christopher
    Moderator

    Hi there,

    #1 I see you get the same notification, would you clarify more?

    #2 Please add the following code in Customize -> Custom -> CSS :

    @media (max-width: 767px){
    .woocommerce .cart.shop_table .product-name, .woocommerce-page .cart.shop_table .product-name {
      display: block;
    }
    }

    Hope it helps.

    #335529

    amin92
    Participant

    Okay great that worked!

    Well on the icon 1 template when you add an item to cart it shows a circle pop-up that has a cart icon and then changes to a tick.
    Currently on my website when viewing in mobile view and you added an item to cart you wouldn’t get any notification unless you manually went to cart page then up the top it says item added etc. Thats why i made it redirect to cart page whenever an item is added otherwise they wouldn’t know until they went to the cart page themselves to check.

    But when using the icon 1 template in mobile view the pop-up icon shows fine, so is there anyway i can replicate it on my website? Id use the exact same one if possible

    thank you

    #335611

    Christopher
    Moderator

    Hi there,

    Please update both x and Cornerstone.
    You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

    If it doesn’t help you can provide us with login credentials in private replay.

    Thanks.

    #335812

    amin92
    Participant
    This reply has been marked as private.
    #335891

    Thai
    Moderator

    Hi There,

    Thanks for your login credentials.

    The ajax add-to-cart works on the product archives page only.

    Because you’re using the woocommerce shortcodes, so that the ajax add-to-cart is not working.

    Regards!

    #335903

    amin92
    Participant

    Oh okay, i understand thank you. One more thing sorry, is it possible to make the add to cart button on the product images always showing? Currently it only shows when product is pressed or hovered.

    thank you

    #336023

    Thai
    Moderator

    Hi There,

    Please try following CSS:

    .woocommerce li.product .entry-header .button, 
    .woocommerce-page li.product .entry-header .button {
    opacity: 1;
    }

    Let us know how it goes!

    #336028

    amin92
    Participant

    Perfect!! Thank you so much for the help

    #336145

    Zeshan
    Member

    You’re welcome! 🙂

    #399174

    GRCo
    Participant

    Hello,

    When I added this code, the paypal logo is very large. This paypal logo is now interferring with placement of “Place Order” button. How to go about and reduce the size?

    Thanks!

    #399357

    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    We request you to kindly open a new topic and clarify your problem there along with URL of your website. To do it go to – https://community.theme.co//forums/group/support-center/ and you will find Create New Topic in “Support Center” at the bottom. Let’s explain your issue with a bit clarification.

    Thanks.