Cart icon and label disappear after page is loaded

  • Resolved station7

    (@station7)


    1 year, 9 months ago

    Hello,

    I’m using Astra 4.0.2 theme with Elementor and WooCommerce (among other plugins).

    I recently changed from the legacy menu to the newer menu so that I could display both a search icon and a cart icon. I tested this change in my Staging site, and configured the cart icon to look how I wanted.

    About a week later I am configuring the same changes on my production site. The production site has all the same plugins and same versions. When I configure the cart under “Customize” it looks good in the preview window. But when I click Update to publish the changes, it doesn’t work well on the live site. The homepage takes about 2 seconds to load, and at first everything looks great until the page finishes loading and the icon (and label) disappear, leaving only the count number and what looks like the handle of the shopping bag icon (even though I picked the cart icon).

    In the browser console, I can see that as the page finishes loading, some script runs and changes the DOM somehow (it’s too fast to see the exact change made, and I’m not able to tell which script it is). The resulting HTML markup is not at all like the markup shown in the preview view nor in my staging site.

    I’m just wondering if anyone else has seen this and if there is a way to fix it so that I can display the cart on my production site in the top menu?

    Rendered HTML on Staging and in Preview mode (correct version):

    <div class="ast-builder-layout-element site-header-focus-item ast-header-woo-cart" data-section="section-header-woo-cart">
	<div id="ast-site-header-cart" class="ast-site-header-cart ast-menu-cart-with-border  ast-menu-cart-outline">
		<div class="ast-site-header-cart-li ">
			<a href="#" class="cart-container ast-cart-desktop-position- ast-cart-mobile-position- ast-cart-tablet-position- ">
				<div class="ast-addon-cart-wrap ast-desktop-cart-position- ast-cart-mobile-position- ast-cart-tablet-position- ">
					<i class="astra-icon ast-icon-shopping-cart " data-cart-total="1"></i>
				</div>
			</a>
		</div>

    Rendered HTML on production (incorrect version)

    <div class="ast-builder-layout-element site-header-focus-item ast-header-woo-cart" data-section="section-header-woo-cart">
	<div id="ast-site-header-cart" class="ast-site-header-cart ast-menu-cart-with-border  ast-menu-cart-outline">
		<div class="ast-site-header-cart-li ">
			<a href="#" class="cart-container ast-cart-desktop-position- ast-cart-mobile-position- ast-cart-tablet-position- ">
				<div class="ast-cart-menu-wrap">
					<span class="count">
						<span class="ast-count-text">
									4
						</span>
					</span>
				</div>
			</a>
		</div>

    • This topic was modified 1 year, 9 months ago by Jan Dembowski.
    • This topic was modified 1 year, 8 months ago by Marius L. J.. Reason: Links removed
Viewing 11 replies - 1 through 11 (of 11 total)

  • Hello,
    I can’t see a cart icon on your live page at the moment. Is it inserted there? It is not visible in the source code.
    I can see it on your staging page.

    Thread Starter station7

    (@station7)

    Thank you for your reply. I did not provide any URL to my sites, so I’m not sure where you’re looking.

    Any comment about the modifications to the markup I posted in my original post? Know why the cart would be behaving like this or which script could be causing it?

    Hi @station7,

    You shared some code in your initial post that contains the URL of your staging and live site ??

    At this moment, I don’t see the Cart icon on both sites. Maybe you can share a video to show how it looks on your end?

    Kind regards,
    Herman ??

    Thread Starter station7

    (@station7)

    Hi Herman,

    You’re correct, it seems like I was not careful ?? ??

    I am not able to edit my post for some reason. Do you know how I can remove those???

    Thread Starter station7

    (@station7)

    To clarify, I was only interested in why the code is rendering like that. It is very important to maintain our privacy which is why I did not provide the website URL in the box. I regret posting on here, how can I remove it? Thank you!

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Moderator note:

    I’m sorry but no. Unless it is an extreme case, posts and replies are not edited here.

    Forum topics will only be edited or deleted if they represent a valid legal, security, or safety concern.

    eSee https://www.ads-software.com/support/forum-user-guide/faq/#will-you-delete-my-post-once-the-problem-is-solved and https://www.ads-software.com/about/privacy/

    Thread Starter station7

    (@station7)

    @sterndata Thank you for your reply. It’s really unfortunate that this site doesn’t allow people to correct their mistakes. No one can be 100% accurate! I’ve tried to be really careful, but this time I forgot to review the code before pasting it in. It was an honest mistake, and it’s upsetting I’m not allowed to correct it, nor even to request my (non-resolved and not helpful to anyone in posterity) question to be deleted.

    I found this page, which says I can delete my account and request erasure of all my personal data. https://www.ads-software.com/about/privacy/data-erasure-request/ It also says that before I do this, I should “Please review and edit any personal details out of your support forum activity prior to requesting erasure.”

    I would love to! Please let me know how I can accomplish this. Thank you!

    Hi @station7,

    I am sorry, I am not in the position who can be any help on this matter. Only the mod of this forum can help you better, if they are willing to.

    Regarding your query related to Astra, you might want to consider reaching out to us thru our Support Portal. There you can share anything safely and privately.

    Kind regards,
    Herman ??

    Thread Starter station7

    (@station7)

    Hi @bsfherman and thank you for your help so far and for the support link. I wish I had asked on there instead ??

    The cart issue resolved on its own (I have no idea how) so it is no longer an issue. I will follow-up with the WordPress people for hopeful deletion of personal data and my account.

    Again I appreciate your time and help.

    Hi @station7,

    Since your issue is “magically” gets fixed ??, please mark this thread as Resolved. Feel free to start a new thread or get in touch with us thru our Suport Portal if there is anything else related to Astra we can help you with.

    Also, good luck with WordPress people you mentioned above.

    Kind regards,
    Herman ??

    Thread Starter station7

    (@station7)

    Marking as resolved. Not known what caused the issue.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Cart icon and label disappear after page is loaded’ is closed to new replies.