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
  • 1. General and layout:
  • 2. Section Header
  • 3. Content
  • 4. Card settings
  • 5. Button settings
  • 6. Mobile setting
  1. Theme sections

Blog posts

Featured your store's blogs

PreviousBefore/ After image sliderNextBrand list

Last updated 3 months ago

The blog post section is useful when you want to show new product launches, tips, or other news.

Steps

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

  2. Locate Blog posts

  3. Save

This article shows you how to display your blog posts on your website using the Megamog theme.

1. General and layout:

Use the color scheme to change the style for this section.

Additionally, enable the box layout and the color scheme to change the style of it.

2. Section Header

Use the provided text fields to add a suitable heading and change the heading size. Leave any of them blank if you do not want to display them.

Adjust the text alignment (left/center) along with the background color and container type on both mobile and desktop screens.

3. Content

This section is for adding preferable blog posts. You can use the slider to adjust the number of blog posts per row and the number of displayed posts (between 2 and 12).

Additionally, the gap between each post can also be changed here.

4. Card settings

The card section is adjusting the blog image ratio and content alignment inside. Furthermore, you can enable/disable the card elements if needed:

  • Show tags: Display relevant tags of the blog post

  • Show published date: Display the date that the blog is issued

  • Show excerpt: Display a short summary of the blog

  • Show read more link: Lead the customers to the full blog post

5. Button settings

Display a call-to-action button to redirect customers to your desired pages. Add a Label and Link for one or both, then choose a Button style and adjust the Button size.

6. Mobile setting

This section lets you display your design for mobile view.

To know more about how to add a blog to your online store, see .

Blogs