Gallery Slider

Gallery Slider

The Gallery Slider section, typically located on the homepage, displays a series of images and accompanying text in a slideshow format. It's a visually engaging way to showcase products, promotions, or other key information.

On the theme customization page:
  1. Click the first icon to access section settings.
  2. Click "Gallery slider" on the setting bar, or click directly on the Gallery Slider display on the page.
access-gallery-slider-settings

Configuration Options:

Section Header:
  1. Heading: Enter the main title for the section.
  2. Heading Size: Select the desired display size for the title.
  3. Sub-heading: Enter a secondary heading (optional).
  4. Description: Enter a detailed description of the section.
  5. Alignment: Choose the alignment of the displayed information (heading, subheading, description).
  6. Button Label: Enter the text for the button.
  7. Button Link: Select the URL that the button will link to.
  8. Choose whether to open the link in a new window or the current window.
section-header-settings
Section Body:
  1. Image Ratio: Set the desired display ratio for images within the slider.
  2. Speed (Seconds): Set the duration (in seconds) for each slide transition.
section-body-settings
Section Footer:
  1. Button Label: Enter the text for the button.
  2. Button Link: Select the URL that the button will link to.
  3. Choose whether to open the link in a new window or the current window.
section-footer-settings
Section Layout:
  1. Color Scheme: Select a background color to use if no background image is displayed.
  2. Background: Choose a background image for the section (if desired).
  3. Section Full Width: Toggle this setting to make the section span the full width of the screen. If disabled, customize the size at "Section max width."
  4. Content Full Width: Toggle this setting to make the content within the section span its full width. If disabled, customize the size at "Content max width."
  5. Padding and Margin: Adjust the padding and margin for the section on mobile, desktop, and tablet screens to control spacing.
  6. Section Optimize: Lazy Load Speed: The section will only load when it is scrolled to on the page, improving initial page load times.
section-layout-settings

  1. To add a block to the Gallery Slider, click "Add block" and select "Image and Text." You can then choose an image and enter a title for that slide.
add-block-to-gallery-slider
    • Related Articles

    • Lookbook slider

      The Lookbook Slider section displays a main lookbook image on the left side of the screen, while the right side shows products from the lookbook as a slide. Configure this section as follows: Section Header: Heading: Enter the title. Heading Size: ...
    • Image Comparison

      The Image Comparison section allows you to compare two products using an interactive slider. This section displays two images side-by-side with a slider in the middle. Customer can use the slider to compare two images side-by-side. Section Header: ...
    • Marquee Text

      This section allows you to display featured titles in a sliding format, highlighting key information or promotions on your page. General Settings: Select font display size: Choose the desired font size for the featured titles. Select number of ...
    • Articles Pages

      Creating an Article: Go to Online Store in Shopify Access Blog posts Click Add blog post After completing the creation, fill in the following information: Title: Enter a descriptive title for your blog post (e.g., "Blog about your latest products or ...
    • Azzel Theme Setting

      On the customization page, click on the second icon to access the theme settings. Now, let’s explore each component in the theme settings one by one! Color With the Colors setting, you can create and customize unique color palettes for different ...