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: ...
    • Customizing the Anysound Preset - Azzel Theme

      Anysound is the third preset in the Azzel theme. Anysound blends art, design, and performance — a gallery-inspired Shopify preset with elegant layouts, mobile speed, SEO, and effortless shopping. Before configuring the Anysound preset, please read ...
    • 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 ...