NextEuv
  • NextEuv - EV Shop, Single Product Shopify Theme
  • Getting Started
    • Shopify
    • Theme features
    • Changelog
    • Support Policy
  • How to install Theme
    • Download the Theme Package
    • ThemeForest - Theme Files
    • Theme Installation
  • Header Group
    • Announcement bar
    • Top bar
    • Selectors
    • Header
    • How to add navigation
    • Navigation menu
    • Account Page
  • Menu & Mega Menu
    • Mega menu with Promo Image
    • Mega menu with Promo Banner
    • Mega menu with Brands
    • Mega menu with Product
    • Mega menu with Tab Menu
    • Mega Menu Creation-video
  • Footer Group
    • Footer
      • Menu
      • Newsletter
      • Text
      • Contact Info Block
    • GRDR Cookies
    • Email Signup
    • Suggestion Product
  • Product
    • Creating Products
    • Product Variants
    • Recommended Products
    • Metafield
    • Gift Cards
  • Collections
    • Collection List
    • Creating Collections
    • Collection Banner
  • Filters
    • Filters
    • Horizontal Filter
    • Vertical filter
    • Drawer Filter
    • Paginations
  • Theme Settings
    • Colors
    • Preloader
    • Typography
    • General Settings
    • Layout
    • Buttons
    • Variant pills
    • Inputs
    • Cards
    • Content Containers
    • Dropdowns and Pop-ups
    • Drawer
    • Badges
    • Search Behaviour
    • Favicon
    • Social Media
    • Currency format
    • Cart
    • Shipping Rates Calculator
  • Pages
    • About Us
    • Contact
    • FAQ page
    • Wishlist
    • Compare
  • Blog
    • Default blog
    • Creating Blog
    • Default blog post
  • Sections
    • Slideshow
    • Support Block
    • Featured Collection
    • Instagram Gallery
    • Email signup
    • Team Section
    • Image banner
    • Video
    • Testimonial
    • Specification Block
    • Brand Logo
    • Deal banner
    • Form Image
    • Grid banner
    • Marquee Section
    • Number Counter
    • Pricing table
    • Product tab
    • Rich text
    • Custom Class
  • App Integration
    • App Integration
    • Recommended Apps
  • Video Tutorial
    • How to Install Shopify Theme
    • How to Add Megamenu
    • How to Display Inner Pages
    • Multiple Collections in One Product Tab on Shopify
    • How to edit the product details
    • How to add variants for products
    • How to create a blog post
    • How to Customize Header and Section
    • How to Edit Language Translation and Missing Translations
    • How to Set Up and Use Metafields
    • How to edit font in Shopify?
    • How to Create a Staff Access and Collaborator Access
  • Frequently Asked Questions
    • Missing template "layout/theme.liquid"
    • Image Purchase link
Powered by GitBook
On this page
  1. Sections

Grid banner

PreviousForm ImageNextMarquee Section

The Grid Banner Section allows you to display multiple banners in a structured grid layout, making it ideal for showcasing promotions, featured categories, or brand messages.

  • Go to Shopify Admin > Online Store > Themes.

  • Click Customize on your active theme.

  • In the Theme Editor, click Add Section > Grid Banner.

  • Show Full Width: Expands the section across the entire screen width.

  • Right & Left Spacing : Add spacing to the Full Width layout (applies in full-width mode).

  • Heading: Set a custom title (e.g., "Hot & Top Trends").

  • Heading Size: Choose for size Small, Medium, or Large

  • Subheading: Add additional text if needed.

  • Body Text: Add a description (e.g., "Best arrivals this week").

  • Button Label: Add text (e.g., "Shop Now").

  • Button Link: Set the URL destination.

  • Color scheme : You can customize the section’s appearance by changing the text color, background color, and more using preset color options.

  • Enable Outline Button: Change the button to an outlined style.

  • Column Alignment: Adjust content placement within the section.(Left,Center)

  • Secondary Background: Allow to disable the background or obtain the given background

  • Banner style:Can style the banner with 3 option Grid, List and Overlay

  • Item Per Row:Display the block to be display per row

  • Column Gap:Obtain to give space for the column (works only if the slider is disable)

  • Overlay image height settings: Used to adjust the height of the image on (desktop,laptop,tablet and mobile) (works only in overlay style)

  • Padding: Top Padding and Bottom Padding are used to adjust the spacing above and below a section in Shopify, improving the layout and readability.

  • Slider option: The range for displaying products can be adjusted based on the device type (Desktop, Laptop, Tablet, and Mobile) to ensure a responsive layout.

  • Pagination (Dots): Show navigation dots for better user interaction.

  • Navigation (Arrows): Enable left/right navigation arrows.

  • Auto Play Interval: Set the time delay between slides.

Without adding block to grid banner the section seems to be empty

  • Click Add Grid to insert a new grid item.

  • Upload Image: Add a high-quality image

    • Acts as a poster image for video-type banners.

  • Show Content: Toggle ON to display text and buttons.

  • Subheading: Add a short text above the heading.

  • Heading: Enter the banner title.

  • Enable Heading Link: Make the heading clickable.

  • Description: Provide additional details about the grid item.

  • Button Label & Link: Customize the CTA button and add a destination URL.

  • Text Alignment (Desktop): Adjust text placement. (Left,Right,Center)

  • Content Reverse:On enable the Position of the content is row-reverse or column reversed

The Shopify allows you to apply unique CSS styles to specific sections, blocks, or elements within your theme.

Custom class: