Megamog
Try Megamog freeResourcesOther solutions
  • What is Megamog theme?
  • Changelog
  • Refund policy
  • Support policy
  • Terms of Service
  • Getting started
    • Install Megamog theme
      • Install Megamog in 1-click fast way
      • Install Megamog manually
    • Add Custom code/ CSS correctly
    • Integrate Shopify Review apps
    • Mega menu
    • Purchase code & activation
    • Update Megamog theme
    • FoxHome
  • Build for success series
    • Product page for Beauty store like Kylie Jenner 🔥
    • Landing page for Fashion store like Bremont
  • Page's global sections
    • Announcement bar
    • Age verifier pop-up
    • Header
    • Footer
    • Mobile sticky bar
  • Theme sections
    • Before/ After image slider
    • Blog posts
    • Brand list
    • Collapsible content
    • Collection spotlight
    • Collection list
    • Collection links
    • Countdown timer
    • Custom content
    • Favorite product slider
    • Featured collection
    • Featured product
    • Featured promotion
    • Featured products slider
    • Google Maps
    • Image banner
    • Image with text
    • Instagram
    • Lookbook
    • Newsletter
    • Press
    • Product tabs
    • Recently viewed products
    • Scrolling promotion
    • Slideshow
    • Testimonials
    • Video
    • Video hero
    • Banner grid
    • Multiple columns
    • Store locator
  • Theme settings
    • General settings
    • Layout settings
    • Additional pages
    • Advanced
    • Animation
    • Article card
    • Badges
    • Cart settings
    • Checkout
    • Colors & Color schemes
    • Corner radius
    • Currency format
    • GDPR settings
    • Intergrated apps
    • Integration
    • Pop-up & drawer
    • Product card
    • Product options design
    • Product options swatches
    • Social sharing
    • Search settings
    • Store contact
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Page sections
        • Breadcrumb
        • Product information
        • Product information tabs
        • Product recommedations
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product listing
  • Other pages
    • 404 page
    • Blogs
    • Blog posts
    • Cart & Checkout
    • Password
  • FAQS
    • Add a gift wrap option to my cart
    • Add custom badges to my product card
    • Add recipient fields to my gift card product
    • Add/ Remove Social icons in footer
    • Change the default product order in collection
    • Customize search results
    • Move the collection description to under the product listing
    • Remove the tax-included information in product page
    • Set up local pickup
    • Show Payment icons on the Footer
  • TROUBLESHOOTING
    • Contact form submissions not found
    • Translation apps incompatibility
Powered by GitBook
On this page
  • Section settings
  • Grid settings
  • Block settings
  • Image settings
  • Link settings
  • Content settings
  • Button settings
  1. Theme sections

Banner grid

Featured products or collections or promotions in preset layouts

PreviousVideo heroNextMultiple columns

Last updated 3 months ago

The Banner grids section offers unique ways to showcase your image cards.

Steps:

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

  2. Select Banner grid 1/2/3 that has the layout your prefer

  3. Make necessary changes

  4. Save the settings.

Section settings

Grid settings

Change the section's layout on Desktop. The layout is automatically optimized for mobile view.

Adjust the gap between columns and rows on desktop and mobile.

Block settings

A maximum of 4 image cards can be added to the section.

Each block comes with the following settings:

Image settings

Select an image for your desktop view and mobile view.

Link settings

Link your image card with a desired page by selecting from your Shopify pages or pasting the URL.

Determine how the link is applied (on the whole card or the button only).

Content settings

Insert your card's heading, subheading and description. Select the heading size and description style you prefer.

Adjust the content position and content alignment.

Select 'Push last block to bottom' option if you want to separate your card's content and the button.

Button settings

Insert your button label and select the button style.

If you don't want to show the button in the image card, simply leave the label blank.