Solved

How to disable login and remove 'Add to Wishlist' from a new theme?

Rupert22
Excursionist
62 0 6

Hello, I would like to request assistance with the following issue I am facing. I downloaded this new theme in a .zip file, and I'm unsure how to:

1. Disable the login option(already disabled in settings, see screenshot) and

2. Remove the "Add to Wishlist" functionality or the corresponding symbols. Additionally, when I hover the mouse cursor over a product, three icons appear on the left, and the bottom icon is "Add to Wishlist," which I would like to remove from there as well.

I haven't published the theme yet; I am only making modifications, and I'm uncertain how to handle this. Can it be done through the "Edit Code" option, because I cant see any option to disable it right in the menu of Theme Editor. problem1.jpgproblem2.jpgproblem3.jpgI am attaching screenshots for better understanding.

RuppJou
Accepted Solution (1)
StephensWorld
Shopify Expert
1377 167 342

This is an accepted solution.

Hey Rupert,

 

You can get rid of the login button by adding the following code to your header's "Custom CSS" settings, within the theme editor:

 

 

 

.login {
    display: none;
}

 

 

 

However, doing this will leave a weird empty space where the icon used to be, because each of the icons were wrapped in the same bit of coding:

 

 

 

<li class="list-inline-item mr-0">

 

 

 

same class of coding.png


... so if we try to remove the entire button (including the spacing for it), then all the other 3 buttons disappear too.

 

The wishlist icon has to be removed manually, via the theme's coding, as it doesn't have a class listed (so we can't hide it in the same way that we did the login button). 

 

 

missing class value.png

 

So if you're already going to have to go into your theme's header coding to remove the wishlist icon, then you may as well handle the accounts icon at the same time (so that there's no awkward spacing issues). 

 

You'd need to find the above icons in the theme's header coding, and then wrap them in 'comment' tags, or else delete them entirely. 

 

If you wanted to hire me to handle this for you, I wouldn't charge you much. You can reach me via email at support@stephensworld.ca

 

Sorry I couldn't be of more help here -- the theme is just coded poorly, so the usual custom CSS 'tricks' don't work. 

 

Cheers,

Stephen

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca

View solution in original post

Replies 4 (4)

StephensWorld
Shopify Expert
1377 167 342

Hey Rupert,

 

The easiest way to handle this would be by adding a bit of coding to the header section's "Custom CSS" area (within the 'customize theme' page/options), which will hide the buttons. 

 

Something like this:

 

.cart_button {display:none;}

 

... where you'd replace the "cart_button" bit with the class being used by the button(s).

 

If you let me know a link to your site, then I can help with generating the coding for you to copy-and-paste. 

 

 

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca

Rupert22
Excursionist
62 0 6
Hi, its:

https://nexaco.co/

Should I upload new theme now? because now its old one and the problem is
with new one, which is not uploaded
RuppJou
Rupert22
Excursionist
62 0 6

Hi, its:

 

https://nexaco.co/

 

I uploaded new theme for you on my page. Its still not finished but hope it will make it easier for you.newtheme.jpg

RuppJou
StephensWorld
Shopify Expert
1377 167 342

This is an accepted solution.

Hey Rupert,

 

You can get rid of the login button by adding the following code to your header's "Custom CSS" settings, within the theme editor:

 

 

 

.login {
    display: none;
}

 

 

 

However, doing this will leave a weird empty space where the icon used to be, because each of the icons were wrapped in the same bit of coding:

 

 

 

<li class="list-inline-item mr-0">

 

 

 

same class of coding.png


... so if we try to remove the entire button (including the spacing for it), then all the other 3 buttons disappear too.

 

The wishlist icon has to be removed manually, via the theme's coding, as it doesn't have a class listed (so we can't hide it in the same way that we did the login button). 

 

 

missing class value.png

 

So if you're already going to have to go into your theme's header coding to remove the wishlist icon, then you may as well handle the accounts icon at the same time (so that there's no awkward spacing issues). 

 

You'd need to find the above icons in the theme's header coding, and then wrap them in 'comment' tags, or else delete them entirely. 

 

If you wanted to hire me to handle this for you, I wouldn't charge you much. You can reach me via email at support@stephensworld.ca

 

Sorry I couldn't be of more help here -- the theme is just coded poorly, so the usual custom CSS 'tricks' don't work. 

 

Cheers,

Stephen

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca