Let’s say you created a global module that you added to all the pages of your website and whenever you make a change to it, it updates on all of them. However, what if you need the global module to have a unique text while retaining the same styling across the pages? This is where selective syncing comes in.
You can do this by selectively syncing only the design part of the global item. This way you can have the style updated while keeping the individual text unique on each page.
Select the Syncing Parts
It is very useful to style multiple modules at the same time across the website while keeping some parts specific for each page.
To do it, you should first save a new item as global. When you edit its settings, there will be a small sync icon to the left of each option. Press it to enable or disable the option to sync that option to all other global elements like this one which appear across the website. It will turn green or red, according to your selection.
Pick which options will sync using the sync icon.
The green icons are the ones that will be synced across the global module. Red ones will not. Wherever you have this module, only the green icon option changes will be reflected in every single page.
You can, for instance, use this for a header module that you might have spread across multiple pages of your website. You can change the design globally but use the selective sync to apply different titles freely to the modules.
Another example is to implement custom CSS code to an item that is saved as global. If at that time you just want to apply it individually, just don’t sync the CSS. If later you want to display it everywhere, press the sync icon and there you go!