station7

Marking as resolved. Not known what caused the issue.

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 @ihereira

Thank you for your reply. But as I have already stated, I have already implemented this type of code on my site. Both the plugin and the custom code you linked to are PHP-only, run inside the functions.php file and hide the cart with CSS only after the page has loaded. This is not what I am looking for as I have already implemented this.

My problems with this approach were stated in the OP and in my previous reply. It is an incomplete solution, which I am hoping to be able to complete with client-side code.

I am now looking for a client-side (i.e. JavaScript/AJAX) solution and not a PHP one, so that the cart will show when the “Add to Cart” AJAX button is clicked, and hide when the last item is removed from the cart dropdown in the header.

I hope I have explained the problem well, and that there is code out there that can accomplish this. Thank you!

@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 @xue28

Thank you for taking the time to reply. Yes, I have implemented this. That is the reason for my question. Unfortunately as I already mentioned, this method doesn’t work when interacting with the cart via AJAX or Javascript. You have to refresh the page each time for it to work.

So what I am looking for is an additional client-side solution that will work with the cart when interacting via AJAX or Javascript (not PHP and adding CSS, I have already done it).

Is there any code available that will show/hide the cart when the user interacts with the cart via AJAX (add-to-cart button on shop page) or JavaScript (e.g. removing items from the mini-cart dropdown)?

• This reply was modified 1 year, 9 months ago by 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!

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???

@bsfherman

Thanks for the reply. I have asked the question in WooCommerce. I will update here if I get an answer.

Thank you!

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?

Does it work without the !important? Because the !important will force all fonts including the icon fonts. So for step 1, remove !important and see if you get your desired result.

If this is the only way to override all fonts declared anywhere on the site, though, you can add another exception for your font icons like this:

.fa, .fas { font-family: "Font Awesome 5 Free" !important; }

Ensure to have this line after the one you have in your original post.

Hi @bsfherman

Thanks for your reply. I have seen that (as mentioned I did a lot of Google searching prior to posting) but it does not do what I want. It only removes the quantity number from the shopping cart when empty. It doesn’t remove the entire cart icon.

I found some other PHP code that sort of works. It is server-side, so it does not work when interacting with the cart via Javascript or Ajax functionality, and you have to reload the page to hide or unhide, but it’s the best I’ve been able to get so far. I was hoping for a complete solution but there may not be one out there.

Thanks anyway!

Thanks, I found out where I had to enable it. Now I have both search and cart in the header.

Hi @roxannestoltz and thank you very much for the reply. My apologies, I thought that adding a cart functionality to the product page would be a WooCommerce question.

I am not able to follow your instructions since I do not have the “Header Builder” option under Appearance – Customize, but the end result you have shown is exactly what I want to achieve. (I do have a “Header” section but that only allows me to have one or the other, not both, and a WooCommerce section that allows me to configure, but not display, the cart). I have posted a question under Astra and hopefully someone there can assist me to get a shopping cart icon. Thank you again for your assistance.

• This reply was modified 1 year, 10 months ago by station7.

Hi @praveenrai and thank you for the response. So you are saying that in order to get it working how I was trying to do it, I will need an additional plugin so that I can add a search. Thanks, that is good to know, and I will look into it as an option.

@bsfherman I guess I am using the old header. I did a Google search on how to use the Astra Header Footer Builder. It says I should go to Appearance and then Astra Options in order to enable Header/Footer Builder. However I do not have Astra Options under Appearance. This is the documentation I was looking at. https://wpastra.com/docs/create-header-with-header-builder/ (I do see Elementor Header and Footer builder, as we use this for the footer. Would this hide the Astra Header and Footer Builder?)

I would prefer to use the Header Footer Builder since this does not require any additional plugins. Can you give me any advice on how to access it?

Hi Miguel,

Thanks again for the reply. I don’t speak Spanish so I can’t read that article. My question is not about Astra. I mentioned it because usually people ask what theme I am using. The question is about WooCommerce and how I can get the shopping cart icon to display on the product listing page. Not in the footer where users won’t find it. And Astra won’t let me add it in the header. So the product listing page is the only option.

If you don’t understand why I can’t add a cart icon, that’s fine, perhaps someone else who knows how WooCommerce works will answer my thread. Thanks!