The Trust Policy Bar

The Trust Policy Bar (often used as an advanced Announcement Bar) serves a dual purpose: it builds trust through transparency (e.g., "Free Returns") and drives conversions through direct calls-to-action (e.g., "Shop New Arrivals"). By utilizing icons and scrolling animations, you can communicate multiple value propositions without cluttering your header.

1. Access The Trust Policy Bar

•  Navigate to Online Store
•  Go to Themes
•  Click Edit Themes

2. Configure General Settings

Below is a list of all the general settings found on all sections built inside Surge Theme.

• Background Color
  
  
  • Set the backdrop of the gallery. Transparent blends with the page background.
    
    
  • Use a subtle solid color if you want images to stand out more.
    
    
• Font Family
  
  
  • Default: Use your global theme fonts to style the section.
    
    
  • Custom: Allows you to select an alternative font to style this section
    
    
  • Example: Montserrat is a clean and legible font for modern looking stores.
    
    
• Title Color / Subtitle Color / Verified Text Color / Body Text Color
  
  
  • Titles: Sets the colour of the blocks main headline
    
    
  • Subtitles & Body Text: Sets the colour of the subtitle and card copy
    
    
  • Verified Text: sets the colour of the “Verified Customer” tagline.
    
    
• Section Width
  
  
  • Full Width: Block spans the entire width of the screen.
    
    
  • Contained: Adds side margins for a neat look.
    
    
• Padding (Desktop & Mobile)
  
  Controls spacing around the gallery elements both horizontal and vertical
  
  
  • Example: Desktop Horizontal = 70px (wide margins).
    
    
  • Mobile Horizontal = 15px (compact for small screens).
    
    
• Display On
  
  Choose where to show the section. Default: All Devices.

3. Carousel Settings

• Scroll Speed (seconds): Controls how fast messages rotate. A moderate speed (10–20s) is recommended so customers can read comfortably.

• Gap Icons: Adds consistent spacing between items in the carousel to prevent text from feeling cluttered.
• Separator: Choose how to visually divide your messages.
  • Text Divider: Enter a character (e.g., | or •) to separate messages.
  • Image Separator: Toggle this to use a graphic instead of text.
    • Upload Image: Select a custom branded icon or graphic from your library.
• Scroll Setting: Define the movement behavior of your bar.
  • Left: Text scrolls continuously to the left.
  • Right: Text scrolls continuously to the right.
  • Static: Text stays fixed and does not move.
• Custom CSS: A dedicated field to add styles (like unique hover effects) to this section only.

Final Result

Your store now has a high-visibility Trust Policy Bar serving a dual purpose: highlighting your USPs and building credibility while promoting discounts or updates at the very top of your site.