How to setup Title banner (Collection Page) in Booster theme

 

 

The latest version of our Booster Theme offers the ease of adding a full-width banner to the different sections of your eCommerce store. It lets your visitors understand what is a particular section all about. They are not confused about what to look for, where. Adding Title Banner to the collection pages is easy with a couple of settings. Learn about them below.  

Title Banner for Collection Pages 

This setting allows our users to add title banners to the web pages of your Shopify Store. This way they will comprehend what each page contains. You can also alter your title banner with the help of other settings provided.  

Layout 

Section Layout 

With this option, we allow altering the layout of a particular section. There are four different selections in the dropdown list for you to choose from. Pick an option of your choice from: Global Default (1), Boxed (2), Full-Width Background (3), Full Width (4).  

Height 

Alter the height of your title banner with this setting provided. Our Booster Theme ensures that you get full flexibility in customizing your storefront. Pick a choice from the range anywhere between 0 px to 500 px.  

Content Alignment 

With this option, we allow adjusting the alignment of content added in your Title Banner. You can either adjust your content from top to bottom, or from left to right. Set an option accordingly and see what looks best.  

  • Top to Bottom:​ You can pick one of the alternatives to modify the alignment from the top of the title banner to its bottom. You get three options: Top(1), Middle (2), Bottom (3).  
  • Left to Right:​ Choose to align the content of your title banner anywhere from left to right. You get three picks: Left(1), Center(2), Right(3).  

Style 

You can change the style of the title added to your banner. We provide this option for our users to alter the look and feel of the title of their webpage.  

Text Size 

This section allows you to change the size of the text added to your banner. There are four varied options offered to pick one: Small, Base Medium, Big.  

Text Color 

Modify the color of the title added with this setting provided in our latest version of Booster Theme. You get several color options to select one. Pick according to the theme that makes your store look more attractive.  

Background Color 

Along with altering the text color, you can modify its background color as well. Choose from numerous picks to make it fit the desired color combination.  

Featured Images as Background  

We have provided this setting to our Booster Theme to provide the ease of using a featured image for the background of Title Banner. You can set a featured image and can also use it as the background of your title banner. Get a featured image created according to the collection you have on your webpage.  

Background Image 

If you don't want to use the featured image for the background of your title banner, you can set another as well. This setting allows the ease of picking an image of your choice from anywhere and using it as the background of your Title Banner.  

Overlay 

Provide an overlay on your title banner.  

Overlay Opacity  

We provide this setting for you to alter the opacity of overlay added to the title banner. You can pick a desired option from anywhere between 0%-100%.  

Overlay Color

Pick a color for the overlay to make your banner look more vibrant. You can select an option from a plethora of alternatives provided.