Hiding/Unhiding Items With HTML Comments


Ccommenting out items is useful when you don't want to completely delete something. Using HTML comments will let you add or remove functionality. The benefit of using comments is that you can uncomment the HTML to bring back the feature. 

You will go into the HTML editor of your theme of any page and simply use the following:

<!-- [html of item you want to hide] -->

For example, in the Product Details page, the merge code is commented out. This hides it on the page, but you can uncomment it use the feature on the site.

 

 

Troubleshooting by un-commenting out items

Can't find what you're looking for, or are the settings enabling it to show and it isn't visible? One thing to look out for is on the HTML editor in the theme, you can find out if this item has been commented out or not.

 

For example, the category thumbnails in our theme aren't showing.

So to double-check, we will go to Themes > Edit Theme > [Active Theme] 

Then Pages > Category > HTML Editor.

 

From here, we can see that the thumbnails are not showing because they have been commented out.

 

We've taken out the <!-- and --> tags and now it shows!

 

 

 

More Useful Help:
 Spark Pay online stores Help Articles on Theme & Site Design
Spark Pay online stores Community

Tips and Tricks With CSS on w3schools.com
Tips and Tricks with HTML on w3schools.com
      

 

 

Note: Theme modification involves any change to the default values in the HTML or CSS of any theme or widget. Support can direct you to the correct page to make changes or to reset the widget, page HTML or CSS to its default value. This will undo any customization that may be in place. Before you create or modify a theme using HTML and CSS it is suggested to have a backup handy.

While theme modification is outside what support is allowed to assist with, if you need assistance with making modification to the theme, our implementation department is available to make these modification at an hour rate. If the service is ever needed please let us know and we will get that process started for you. Or check out our new Theme Store to find a theme that suits your needs.

How helpful was this article?
Number of questions: 0