Materia Theme
  • What is Materia?
  • Getting Started
    • Download & Install
    • Theme License & Activation
    • Create Pages - Required
  • Theme Updates
  • Required Apps
  • Recommended Apps
  • Mega Menu
  • Store Settings - Required
  • Materia Theme Dashboard
  • Theme Settings
    • Logo
    • Favicon
    • Layout Settings
    • Typography
    • Color Schemes
    • Website Intro
  • Overall Zoom
  • Browser Tab Messages
  • Badges
  • Notification Bubble
  • Buttons Customization
  • Main Collection Filter
  • Product Card Settings
  • Product Variant Swatches
  • Search Behavior Settings
  • Wishlist
  • Cart Settings
  • Social Media
  • Preloader Settings
  • Currency Display Settings
  • Cookies
  • Speed Optimization
  • General Store Information
  • Terms and Conditions Settings
  • Theme Sections
    • Header
    • Announcement Bar Basic
    • Upper Navigation Bar
    • Announcement Bar Pro 1
    • Hero Pro 1
    • Hero Image 1
  • Hero Banner 2
  • Hero Product 2
  • Carousel Hero Slider
  • Slideshow Pro
  • Image
  • Video
  • Benefits Cards Pro 2
  • Benefits Pro
  • Image & VIdeo With Text
  • Image With Icons
  • Image With Benefits
  • Image With Text Pro
  • Page's global sections
    • Announcement Bars
    • Header
    • Footer
    • Mobile Navigation Bar
    • Back To Top Pro
  • Overlay Group
    • Cookie Consent Banner
    • Mobile Navigation Bar
    • Page Tag
    • Custom Color Swatches
    • Order Notification Pro 1
    • Image Banner Popup
    • Promotion Banner Pro
    • Back To Top Pro
  • Products & Collections
    • Product Page
      • Breadcrumbs
      • Product Snippets
        • Product – Trust Badges
        • Product - Upsell Addon
        • Product-Payment Badges #1
        • Product - Sold Social Proof
        • Product - Bundle Pro
        • Product – Text Timer
        • Product - Promo Banner
        • Product - Vertical Benefits
        • Product - Payment Badges #2
        • Ecomz – Discount Coupon
        • Product - Size Chart Image
        • Product - Circle Images
      • Product Information
      • Product Templates
    • Collection Page
      • Collection Template
  • Other Pages
    • 404 Page
    • Blogs
    • Customer Login
    • Cart & Checkout
  • FAQs
    • Missing images when install Materia
    • Why are some pages missing?
    • Theme translation
    • Change currency
    • Why Does the Desktop Preview Look Compressed in the Theme Editor?
    • How to change fonts?
Powered by GitBook
On this page
  1. Products & Collections
  2. Product Page
  3. Product Snippets

Product – Trust Badges

The Trust Badges snippet allows you to showcase your store’s credibility with clean, professional-looking icons and text. This section is fully customizable and helps build trust with potential customers by highlighting secure checkout, quality assurance, shipping policies, and more.


How to Add It

Custom Placement Required To display the Trust Badges on your product page:

  1. Go to the Product Information section in your theme editor.

  2. Click Add Block → Custom Liquid.

  3. Paste this code:

liquidCopyEdit<div id='ecomz-trust-badges'></div>
  1. Drag the block to your preferred position on the product page.

  2. Click Save.

This gives you full control over where the badges appear in the layout.


Customization Options

Headings

  • Heading Text: Set a title and subtitle to give context to the badges.

  • Gap Controls: Adjust vertical spacing between title and subtitle for both desktop and mobile views.

Layout

  • Template Style: Choose between Standard and Boxed templates.

  • Badges Direction: Display badges in a Vertical stack or Horizontal row.

  • Boxed Shadow: Add visual depth with customizable shadow levels for the boxed layout.

Colors

Customize the look to match your brand:

  • Icon Color

  • Background Color

  • Item Background Color

  • Title & Subtitle Colors

Sizing

  • Icon Size (Desktop & Mobile): Controls the size of badge icons or custom SVGs.

  • Font Sizes: Adjust title and subtitle text sizes independently for desktop and mobile.

Spacing

  • Between Items: Set how far apart badges appear on different screen sizes.

  • Padding/Margin: Fine-tune spacing around the entire section.

Badge Item Dimensions

  • Image Size: Control how large each badge image displays.

  • Block Width: Define the width of each badge item for both desktop and mobile.


Notes

  • Custom SVGs are supported.

  • Works best when placed near Add to Cart or Pricing sections to boost credibility.

PreviousProduct SnippetsNextProduct - Upsell Addon

Last updated 1 month ago