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
  • Moving the Collection banner section
  • Using Custom Liquid section
  1. FAQS

Move the collection description to under the product listing

PreviousCustomize search resultsNextRemove the tax-included information in product page

Last updated 3 months ago

On Megamog theme, the collection description is on the top of the product grid by default.

If you want to change its position, such as moving it under the product listing section of the collection template, you can either or

Moving the Collection banner section

  1. From your Shopify admin, go to Online Store > Themes > Customize.

  2. From the theme editor, navigate to the Collection template.

  3. Click to drag the Collection banner section to the position where you want. For instance, we move it under the Product listing section.

Then, you will see that all the collection banner components, including the collection image (if being set up) and description, are moved to the new position.

  1. Click Save.

Using Custom Liquid section

  1. From your Shopify admin, go to Online Store > Themes > Customize.

  2. From the theme editor, navigate to the Collection template.

  3. In the Collection banner section, uncheck the option Show description to hide it.

  1. Click Add section > Custom Liquid section. Then, drag this section to the position you want.

  2. Click on the Custom Liquid section. Next, you add the following code to the Custom Liquid box in the setting panel:

<div class="container"> {{ collection.description }} </div>
  1. Click Save.

Moving the Collection banner section
Using a Custom liquid section.