How to hide a section’s atom


This article will show you the steps to hide or unhide an atom inside a section.


What is an atom?

In EcomSolid, a page consists of multiple sections stacked vertically onto one another, each section is made of atoms. These atoms are listed at the bottom of a section's left sidebar settings.


This list will expand into a more detailed hierarchical atom tree when the Advanced Mode is enabled. Here’s the same Hero Banner section atom tree, with Advanced Mode ON.


In the next section, we’ll go over the steps to find and hide/unhide an atom inside a section.


How to hide an atom inside a section

Step 1: Go to the EcomSolid Theme Editor or Page Editor.


Step 2: Select the section you want to edit.

Step 3: On the left sidebar, scroll down to the Atom list. 

Step 4: Look for the atom you want to hide, when you found it, simply click on the eye icon to hide it.


To unhide an atom, follow the same steps and click on the icon again.

Step 5: Hit “Save” to save your progress. When you are done designing, hit “Update Live”, then “Yes, Update” to bring the changes to your front store!

That’s it! Should you need further support, our EcomSolid Support Team is here to help. We can be reached any time via email or live chat


Was this helpful?