Shopify theme
  • INTRODUCTION
    • 💡Greeting
      • Discover Demos
      • Buy now
    • ✨Free Support
    • 🛅Changelogs
  • THEME INSTALLATION
    • How To Install themes
    • How to set up another demo?
    • Upgrade theme
  • SHOPIFY KNOWLEDGEBASE
    • User Guide
  • THEME SETTINGS
    • Header
      • Logo & Favicon
      • Announcement bar
      • How to set up Mega menu
    • Footer
    • Typography
    • Color
  • Button
  • Product Cards
  • Color Swatches
  • Wishlist
  • Sections
    • Slideshow v0
    • Slideshow v1
  • Featured collection
  • Featured collection v1
  • Collection list
  • Banner grid v0
  • Banner parallax
  • Banner hero
  • Banner creative v4
  • Marque
  • Testimonials v0
  • Testimonials v1
  • Testimonials v2
  • Blog post v0
  • Blog posts v1
  • Blog post v2
  • Rich text
  • Image with text
  • Compare
  • Image with hotspots
  • Icon with text
  • Icon with text v1
  • Email signup
  • Faqs
    • How to edit checkout page ?
    • How to config Currency & Languages?
    • How to import product?
    • How to add a video ( Media, 3d, Youtube, Vimeo) for the product?
  • Support
    • Theme Support
Powered by GitBook
On this page
  • General settings
  • Blocks settings

Banner grid v0

PreviousCollection listNextBanner parallax

Last updated 11 days ago

Steps

  1. In the theme editor (Customize), click Add section

  2. Locate Banner grid v0

  3. Save

The Grid Banner section offers various style layouts that can be fully customized to suit your needs. You can adjust the image height or set it to adapt to different screen sizes for a responsive design. The number of items displayed can be tailored for desktop, tablet, and mobile views, ensuring an optimal appearance on all devices. Additionally, the banner allows you to customize colors, including backgrounds and text, to match your site's branding. Each banner item supports image or video uploads, with separate customization options for desktop and mobile, providing flexibility in presenting your content.

General settings

Card settings

Layout settings

Color settings

Spacing and Custom Attributes

Blocks settings

Image or video