Want to show slide in cart on mobile and some additional stuff

This topic has 14 replies, 2 voices, and was last updated 9 months, 3 weeks ago ago by danijel

  • Avatar: danijel
    danijel
    Participant
    February 11, 2024 at 12:43

    Hello, I would like to achieve a desktop-like effect. So my idea is that after “add to cart” on mobile version a slide in cart appears. Currently, the mobile version only shows that an item has been added to the cart, which is located at the bottom of the mobile panel. Also, the question I have is whether I can make the basket at the bottom of the screen also work according to the principle of slide-in cart? And the final question, can I insert related products inside of the slide-in cart?

    Thanks in advance for the answers!

    13 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 11, 2024 at 15:13

    Hello, Danijel,

    Thank you for contacting us and for using XStore.

    1/ We kindly request that you conduct a test by adding items to the cart using both a desktop and mobile device on our demo page, which can be found at the following URL: https://xstore.8theme.com/elementor/demos/niche-market02/shop/. Please inform us if the functionality meets your requirements.

    2/ We would like to inform you that on mobile devices, the cart item located in the bottom panel of the pages is designed to direct users to the Cart page rather than the Off-Canvas feature.

    3/ To enable the display of linked products in the Off-Canvas, please navigate to Header Builder > Cart > Show Linked Products (Off-Canvas) and set it to ‘On’, then choose the desired type of products.

    Should you have any further inquiries or require additional assistance, please do not hesitate to contact us.

    Best Regards,
    8Theme’s Team

    Avatar: danijel
    danijel
    Participant
    February 11, 2024 at 15:30

    Thank you very much for response.

    1) This is exactly what i would like to achieve on mobile. Right now when i add item in cart on mobile version, item just appears in bottom page bar but slide isnt showing. On the other hand, desktop version of website works like a charm.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 11, 2024 at 15:36

    Hello, Danijel,

    We are grateful for your swift reply.

    May we kindly request that you grant us temporary access to your WordPress administrative panel? This will enable us to review your configurations and offer the necessary guidance.

    Best Regards,
    8Theme’s Team

    Avatar: danijel
    danijel
    Participant
    February 11, 2024 at 15:40

    Sure thing, that would be awesome!

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 11, 2024 at 16:28

    Hello, Danijel,

    We kindly request that you clear your browser cache and proceed to verify the functionality of the ‘Add to Cart’ feature at your earliest convenience.

    For your information, we have successfully integrated the Cart element into the Mobile Header through the Theme Options > Header Builder. This adjustment was necessary to ensure that the Off-Canvas content is displayed correctly, as it requires the Cart element to be positioned within the Header.

    Should you require any further assistance or have any questions, please do not hesitate to reach out.

    Best Regards,
    8Theme’s Team

    Avatar: danijel
    danijel
    Participant
    February 11, 2024 at 17:06

    Thank you very much! It works like a charm now, only strange thing is that when user click on “add to cart” while on the shop page off Canvas content is not showing up for some reason. On the home page and on single product page that works just fine.

    Avatar: danijel
    danijel
    Participant
    February 11, 2024 at 17:08

    Oh, I forgot to ask again. Is there a chance to add some items inside the off-canvas cart? I would like to have related products list there

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 11, 2024 at 17:18

    Hello, Danijel,

    Could you please confirm if you have cleared your browser’s cache? We have conducted a review of the functionality for adding items to the cart on your Shop page and are pleased to report that it appears to be operating correctly.

    To enable the display of linked products in the Off-Canvas, please navigate to Header Builder > Cart > Show Linked Products (Off-Canvas) and set it to ‘On’, then choose the desired type of products https://prnt.sc/u5JOBlHz91Ne There is no option to show related products, unfortunately. Please read about Up-Sells and Cross-Sells – https://woo.com/document/related-products-up-sells-and-cross-sells/

    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,
    8Theme’s Team

    Avatar: danijel
    danijel
    Participant
    February 11, 2024 at 17:46

    Okay, perfect! Thank you very much for your help, to be honest this is the first time that i have requested help so far and i am amazed by the support!

    One more (and LAST ONE i promise) when i put up-sell or cross-sell product, they show up inside off canvas menu but there isnt an option to have add to cart button on them. Is there any custom solution for this one? Since they are not useful like this.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 12, 2024 at 09:40

    Hello, Danijel,

    You’re welcome!

    We kindly ask that you consider submitting this as a feature request for future updates of our theme. Your input is valuable, and we encourage you to share your suggestion on our task board at the following link: https://www.8theme.com/taskboard/

    We appreciate your understanding!

    Warm regards,
    The 8Theme Team

    Avatar: danijel
    danijel
    Participant
    February 12, 2024 at 21:45

    One more thing if i may ask. For some reason i can’t make it to work. In my Elementor preview where i am using single product builder reviews are showed inside single product tabs. But on live site they are not visible. Note that i am not using any additional plugin for that.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 13, 2024 at 07:14

    Hello, Danijel,

    We appreciate you reaching out to us.

    Kindly proceed to clear your cache and then review the changes. We have adjusted the position of the Reviews section through the following navigation path: Theme Options > WooCommerce > Single Product Page > Tabs.

    Should you require any further assistance, please do not hesitate to contact us.

    Warm regards,
    The 8Theme Team

    Avatar: danijel
    danijel
    Participant
    February 13, 2024 at 22:19

    Fixed*

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

The issue related to '‘Want to show slide in cart on mobile and some additional stuff’' has been successfully resolved, and the topic is now closed for further responses

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