Return to previous page

Popup mini cart. Where to manage? Popup mini cart. Where to manage?

This topic has 14 replies, 3 voices, and was last updated 2 months, 4 weeks ago ago by Jack Richardson

alhamzamedia

Participant

March 13, 2025 at 15:22

Hello!
Could you please tell me where I can manage and configure the data in this popup?
There is an error in the template: there is no space between the word “color” and the actual color value. Additionally, I would like to change the button colors.
Thank you.

Files is visible for topic creator and
support staff only.

#437205 Copied Theme version: 9.4.8

13 Answers

alhamzamedia

Participant

March 13, 2025 at 15:34

.

#437208 Copied
Rose Tyler

Support staff

March 13, 2025 at 16:13
Hello, Alhamzamedia,

Thank you for contacting us and for using XStore.

1/ To address your request, please add the following code in Theme Options > Theme custom CSS > Global:

.et-mini-content .product_list_widget .variation dt { margin-right: 5px; }

2/ Theme Options > Styling > Colors of buttons.

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
#437219 Copied
alhamzamedia

Participant

March 15, 2025 at 06:36

Thank you very much for your response. Your instructions were helpful. Could you please clarify how to configure other settings in this popup? For example, its size or the indicator showing the purchase amount required for free shipping.

I found two places where these settings can be adjusted, both under “Boost Sales,” but neither of them changes the data at the bottom of this popup.

Files is visible for topic creator and
support staff only.

#437392 Copied

Rose Tyler

Support staff

March 15, 2025 at 08:15

Hello, Alhamzamedia,

Thank you for your message. We appreciate your feedback and are glad to hear that our instructions were helpful.

Regarding your inquiry, the settings for configuring the popup and the indicator displaying the required purchase amount for free shipping can be adjusted within the Theme Options > Header Builder > Cart > Content type and https://prnt.sc/_wDpvcn2RR6U

Should you have any further inquiries or issues, we encourage you to contact us without hesitation. Our support team is consistently accessible to provide assistance through our support forum.

Best regards,
8Theme’s Team

#437399 Copied

alhamzamedia

Participant

March 15, 2025 at 23:25

Thank you very much for your reply. I made the changes in the place you indicated, but nothing happened. Please check.

Files is visible for topic creator and
support staff only.

#437441 Copied

alhamzamedia

Participant

March 15, 2025 at 23:27

1

Files is visible for topic creator and
support staff only.

#437442 Copied

alhamzamedia

Participant

March 15, 2025 at 23:28

2

Files is visible for topic creator and
support staff only.

#437443 Copied

alhamzamedia

Participant

March 16, 2025 at 10:17

I also ask you to explain how to manage the appearance of the entire panel. Now this panel (popup) is displayed differently in the mobile version and the desktop version, in the mobile version I am completely satisfied with its appearance, I want this panel to be displayed in the desktop version the same way as in the mobile version.

#437451 Copied

Jack Richardson

Support staff

March 17, 2025 at 10:02

Dear @alhamzamedia,

We hope you are doing well.

As you can see, multiple headers are displayed, as shown in the following reply: https://www.8theme.com/topic/popup-mini-cart-where-to-manage-popup-mini-cart-where-to-manage/#post-437442 so you should configurate each header settings.

Additionally, we are unsure which popup you are referring to, as you have not provided a screenshot. Kindly share a screenshot so we can better understand your concern and assist you accordingly.

Since you are using the Elementor plugin, we recommend reviewing the tutorials on utilizing the “XStore Header Builder” with Elementor. This tool offers enhanced features and an improved UI/UX experience. You can find the tutorials here: https://www.8theme.com/documentation/xstore/video-tutotials/xstore-header-builder-on-elementor/.

Please let us know if you need any further assistance.

Best regards,
Jack Richardson
8Theme Team

#437532 Copied

alhamzamedia

Participant

March 17, 2025 at 10:22

Here was a screenshot of the pop-up window.

https://www.8theme.com/topic/popup-mini-cart-where-to-manage-popup-mini-cart-where-to-manage/#post-437443

Here was a screenshot of the settings made according to your instructions.

https://www.8theme.com/topic/popup-mini-cart-where-to-manage-popup-mini-cart-where-to-manage/#post-437441

The problem persists.

#437537 Copied

Jack Richardson

Support staff

March 17, 2025 at 16:26

Dear @alhamzamedia,

We hope you are doing well.

1. Could you kindly share the layout displayed for such a popup on both mobile and desktop versions? Currently, we are unable to access your website.
2. Have you reviewed the settings of your multiple headers as we previously suggested?
3. Have you considered using the Header Builder based on Elementor?

Additionally, if there are any IP restrictions preventing customers from accessing your website, we kindly request you to disable them, as we are currently unable to review your site.

Looking forward to your response.

Best regards,
Jack Richardson
8Theme Team

#437620 Copied

alhamzamedia

Participant

March 17, 2025 at 22:57

Thank you very much for your response.

1. Screenshot 1 shows the desktop version of the cart in a popup window, while Screenshot 2 is the mobile version. They differ not only in height—the desktop version adjusts to the content height, while the mobile version adapts to the screen height. There are also other differences, which make me think these could be separate cart versions, or possibly the same cart with different settings based on the device. I have no access restrictions to the site, but perhaps you missed my message where I informed you that I changed the domain to https://garazastyle.com/ The data that I provided you earlier to access the admin panel remains the same.

2. In this message [https://www.8theme.com/topic/popup-mini-cart-where-to-manage-popup-mini-cart-where-to-manage/#post-437532], which I received from you regarding the existence of two places where these headings can be adjusted, you provided a link to my own response instead of your example. Because of this, I still do not know where I can manage the second heading variant.

3. I do not understand why you are suggesting XStore Header Builder. My Header is fine, and I have no questions related to it.

Files is visible for topic creator and
support staff only.

#437655 Copied
Jack Richardson

Support staff

March 18, 2025 at 10:27
Dear @alhamzamedia,

I hope you are doing well.

1. As you may have noticed, the dropdown option is not available for the cart element in the header on mobile devices (https://prnt.sc/_NyKqucn7CLt). This is due to UI/UX considerations. For this reason, we recommended using the “XStore Header Builder” based on “Elementor”, as it is better optimized, offers more features, and provides additional customization options.

Additionally, there is a global option for cart content type https://prnt.sc/EPvuyhOiEJ-Q that ensures compatibility across all devices.

If you would like to “forcefully enable the dropdown type” for the cart element in the mobile header from Customizer, you may add the following snippet (https://prnt.sc/6oh3ChBm3Gv7) to your “child-theme/functions.php” file:

add_filter('theme_mod_cart_content_type_et-mobile', function() { return 'dropdown'; });

However, please note that this dropdown type functions only on “hover”, meaning that on mobile devices, users will be redirected upon clicking instead of seeing a hover effect (https://gyazo.com/9e3ea5da2301aa8da3796a68e33b5bb4).

2. Kindly review the “cart element settings” for each of your multiple headers to ensure proper configuration (https://prnt.sc/zySUY1Suj2DL).

3. The details regarding this issue have been explained in the first point.

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

Best regards,
Jack Richardson
8Theme Team
#437716 Copied
Viewing 14 results - 1 through 14 (of 14 total)