AI Max
  • AI Max - AI Games Shopify Theme
  • Getting Started
    • Theme Features
    • Support Policy
    • Shopify
  • How to install Theme
    • Download the Theme Package
    • Theme Files
    • Install Theme
  • Header
    • Announcement bar
    • Top bar
    • Header
    • Currency Selector
    • Language Selector
    • Menu & Mega Menu
  • Footer
    • Footer
    • GRDR Cookies
  • Pages
    • About Us
    • Contact
    • Faq
    • Wishlist
  • Theme Settings
    • Colors
    • Preloader
    • Typography
    • General Settings
    • Layout
    • Buttons
    • Inputs
    • Cards
    • Content Containers
    • Badges
    • Search Behaviour
    • Favicon
    • Social Media
    • Cart
    • Shipping Rates Calculator
  • Sections
    • Slideshow
    • Support Block
    • Featured Collection
    • Masonry banner
    • Specification Block
    • Brand Logo
    • Instagram Gallery
    • Team Section
    • Product Tab
    • Image Banner
    • Video
    • Testimonial
    • Newsletter
    • Collection List
  • Products
    • Products
    • Product Creation
    • Suggested Products
  • Blog
    • Blog Post
  • Apps
    • App Integration
  • Frequently Asked Questions
    • How to edit the product details in shopify
    • How to edit font in Shopify?
    • How to Edit Language Translation and Missing Translations
    • How to Create a Staff Access and Collaborator Access
    • How to Showcase Multiple Collections
    • How to create a blog post in Shopify
    • How to Create Breadcrumbs
    • How to Customize Your Featured Collection Section
    • How to Add Filters to Your Shopify Collection
    • How to add variants for products
    • How to add multiple currency in shopify 2.0
    • How to Customize Header and Section
    • How to add bundled products
Powered by GitBook
On this page
  • Slider Customization
  • Slider General Settings:
  • Slider Controls and Animation Settings:
  • Slider Mobile Layout Settings:
  • Block Settings
  • Content
  • Button Settings
  • Mobile Layout
  1. Sections

Slideshow

PreviousSectionsNextSupport Block

Last updated 4 months ago

Sliders on websites showcase multiple images, messages, or content highlights in a visually engaging way.

Slider Customization

Step 1 : Navigate to Online Store > Themes > Live theme > Customize.

Step 2 : In Customizer > Add section > slideshow

Step 3 : Select the Slideshow sections. Customizer options are available on the right side.

Slide Show : After customizing the slider, the result appears as shown in the image below.

Slider General Settings:

Slider Image Height Value

You can set the slider image height for Desktop, Laptop, Tab and Mobile separately.

Slider Controls and Animation Settings:

  • You can enable pagination and Navigation for the slider.

  • You can also enable Autoplay duration for the slider, which automatically slides the slider on selected seconds

  • You can change the slider animation as ( fade or slide )

Slider Mobile Layout Settings:

You can select different layouts for mobile.

Block Settings

  • You can upload separate images for desktop and mobile versions to optimize display.

  • For best results, use 1920 × 810px for desktop and 750 × 929px for mobile.

  • You can also set slider video which is MP4 format

Content

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.

Button Settings

  • You can add links and customize labels for the slider buttons.

  • Additionally, you can adjust the button style and align the content to your preferred position.

Content Alignment: You can change content alignment (Left, Centre, Right) for Mobile and Desktop devices separately.

Colour scheme: Set text colour and background colour with preset scheme

Mobile Layout

The alignment for the mobile as left,center and right can be done in mobile layout

Customizer > Add section > slideshow