I was curious to know how everyone manages sections of their page that share a common element? For example, on every page I have a banner. Within that banner I have a background image, headline, and subhead. I would like make that portion of the page a common element, but custom for each page. I realize I can just create these individual elements on each page, but it becomes cumbersome to make design updates when you have up to 10 different pages such as: home, about, contact, store, gallery, resources, privacy, terms, disclaimer, etc.
I understand that we have the CMS functionality, but there are portions of the page that are not shared such as a form on a contact page, images on a gallery page, and a cart on a store page. I assume you cannot drop these unique elements within the CMS template. Symbols won’t work because each banner has a unique headline and background image.
With all that said, is everyone stuck in a similar position where you have to touch every single page when you need to modify the page HTML? I understand how CSS works to maintain that styling, but there are instances where you have to touch the markup and I think that’s where the challenge is for me. Thoughts?