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
  • Slider settings
  • Mobile settings
  • Block settings
  • Image settings
  • Content settings
  • Button settings
  1. Theme sections

Slideshow

Combines images, text, and call-to-action buttons in your slideshow

PreviousScrolling promotionNextTestimonials

Last updated 3 months ago

A slideshow is a quick and interactive way to showcase content and information on your site. Slideshow lets you display your most popular products/collections or shout out about what's new with a call-to-action button.

Steps

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

  2. Locate Slideshow

  3. Save

Section settings

Slider settings

  • Select the Slide effect you want to use: Slide/Fade;

  • Determine the Slide height:

    • Adapt to first image

    • Small

    • Medium

    • Large

    • Full screen;

  • Show Navigation/ Pagination or both;

  • Enable Auto-rotate slides to run the slideshow automatically. The duration time to change slides is between 2-10 seconds.

When choosing "Adapt to first slide image", the slide height will follow the image ratio of the first slide. It will not be cropped.

Mobile settings

For mobile, you can show your content below the image, or uncheck the box to display the content on the image like on desktop.

Block settings

Image settings

You can add images for desktop and mobile versions separately.

Content settings

Add some text for the slide’s heading and subheading, then determine the content's position and alignment.

Button settings

You can display a call-to-action button to redirect customers to your desired pages/collections.

You can also insert a link or select a page you want to redirect visitors to when they click on the slide

Add a label and select its style. The button will be linked to the page you have added in the field earlier.

button.
Slide link