Inquiry About Off-Canvas/Popup Cart and wishlist Count in Header Menu

This topic has 6 replies, 2 voices, and was last updated 8 months, 1 weeks ago ago by Tony Rodriguez

  • Avatar: Dylan
    Dylan
    Participant
    March 17, 2024 at 17:17

    Dear 8theme Team,

    I hope you’re doing well. I am writing to inquire about customizing the shopping cart experience on my website using the XStore theme. I am interested in enhancing the user interface by modifying the behavior of the “Add to Cart” action. Specifically, I aim to either implement an off-canvas or popup cart feature, or alternatively, display the cart count directly on the cart icon in the header menu, without navigating the user to a new cart page each time an item is added.

    Could you please guide me on how to achieve the following functionalities within the XStore theme?

    1. **Off-Canvas/Popup Cart**: I would like to have a cart that slides in from the side or appears as a popup when a customer adds a product to their cart, allowing them to continue shopping without being redirected to the cart page. Is there a built-in feature or a recommended plugin that integrates well with XStore to enable this?

    2. **wishlist Count in Header Menu**: I am also interested in displaying the updated cart count directly on the wishlist icon within the header menu. This would allow customers to see the number of items in their wishlist at a glance, enhancing the shopping experience. How can I implement this feature in the XStore theme?

    I believe these adjustments will streamline the shopping process and improve user engagement on my site. Any recommendations or instructions you could provide would be greatly appreciated.

    Thank you for your continued support and looking forward to your guidance.

    5 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    March 18, 2024 at 06:39

    Hello, @Dylan,

    Thank you so much for purchasing our theme and contacting our support center.

    1/ Enable Off-Canvas/Popup Cart, Please navigate to XStore > Theme options > Header builder > Cart > Content Type > Select off-canvas and publish it

    Please find the attached image for your reference. https://imgur.com/DEFmTfv

    2/ Enable wishlist Count in Header, Please navigate to XStore > Theme OPtions > Header builder > Wishlist > Quantity > Turn on and publish it.

    Please find the attached image for your reference. https://imgur.com/GSlY1oP

    We hope this helps. If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

    Best regards,
    The 8Theme Support Team

    Avatar: Dylan
    Dylan
    Participant
    March 18, 2024 at 06:49

    I want the cart page to slide in from the side when a customer adds a product to cart, allowing them to continue shopping instead of jumping to the cart page. how should i do it?

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    March 18, 2024 at 07:07

    Hello, @Dylan,

    We kindly request that you follow the steps outlined below to adjust the settings for the Product Added Notification:

    1. Go to “XStore” in your dashboard.
    2. Proceed to “Theme Options.”
    3. Navigate to the “WooCommerce” section.
    4. Click on “Shop” and then select “Shop Page Layout.”
    5. Locate “Product Added Notification” and choose the “Open Cart Off-Canvas” option.
    6. Ensure to click “Publish” to save the changes.

    For your convenience, please refer to the attached image which serves as a visual guide for the process. https://imgur.com/Z2CYvre

    We trust that these instructions will effectively address your concern. Should you require any further assistance, please do not hesitate to contact us.

    Best Regards,
    The 8Theme Team

    Avatar: Dylan
    Dylan
    Participant
    March 18, 2024 at 07:13

    I did exactly that, but it didn’t work

    Pls help me check it, thx a lot.

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    March 18, 2024 at 07:42

    Hello, @Dylan,

    Thank you for your response.

    We suggest disabling all third-party plugins (including cache plugins) that do not come bundled with XStore (https://www.8theme.com/documentation/xstore/plugins/included-plugins/ ), clearing the cache of the browser, and then checking again. It is possible that one of the additional plugins is causing the issue.

    If the issue still persists, please keep all third-party plugins deactivated on your site and grant permission to debug your site, which includes deactivating all third-party plugins and on-site Customization. This will allow us to investigate and assist you accordingly.

    Please note that you should take a complete backup of your site before proceeding.

    Thank you for your cooperation and we look forward to hearing from you soon.

    Best Regards,
    8Theme’s Team

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

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

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