Luxoria Documentation
  • Sections: Header & Popups
    • Announcement bar
    • Header
    • Newsletter popup
    • Cookie banner
  • Product quick view
  • Sections: Template & Footer
    • Hero slideshow
  • Featured collections
  • Image with countdown
  • Marquee
  • Comparison
  • Collage
  • Image with products slideshow
  • Featured cards grid
  • Featured products
  • Image with text
  • Image with products pin
  • Logos
  • Featured product
  • Featured blog
  • Rich text
  • Image with collapsible content
  • Video and image
  • Testimonials
  • Icons with text
  • Email signup
  • Social media images
  • Footer
  • Custom liquid
  • Theme Settings
    • Colors
    • Typography
    • Rounding
    • Product card
    • Variants and swatches
    • Price per unit
  • Search behavior
  • Breadcrumbs
  • Language and currency
  • Social links
  • Favicon
  • Cart
  • Animation
  • Checkout
  • Custom CSS
  • Template & Pages
    • Product
    • Collection
  • Collections List
  • Page
  • Blog
  • Blog post
Powered by GitBook
On this page
  • The section is managed through:
  • Introduction:
  • Settings Overview:
  • Add block:

Was this helpful?

Image with collapsible content

PreviousRich textNextVideo and image

Last updated 11 months ago

Was this helpful?

The section is managed through:

Customize Theme → Sections → Template → Image with collapsible content

Introduction:

This feature offers an interactive and space-efficient method to present information alongside captivating images. By combining visually appealing imagery with collapsible content sections, merchants can provide visitors with additional context, details, or related content without cluttering the page. In this section, we'll explore the various settings and customization options available for the image with collapsible content feature, empowering merchants to create engaging displays that seamlessly integrate information with visual elements.

Settings Overview:

The Settings Overview provides a comprehensive look at all the customization options available within the 'Image with Collapsible Content' section, allowing the merchant to leverage this feature to enhance user experience and engagement.

  • Make section full width: Allows the user to use the full width of the screen (small gaps are left at both ends that cannot be absorbed).

  • Swap columns: With that setting, the user can swap the image and the text position. If unchecked, the text is on the left, and accordingly, the image is on the right.

  • Media ratio on desktop: Gives control over the media ratio for the desktop version.

  • Media ratio on mobile: Gives control over the media ratio for the mobile version.

  • Image on desktop: Select an image for the desktop version.

  • Image on mobile: Select an image for the mobile version.

  • Color scheme: With that setting, the user can choose the color scheme of the 'Image with collapsible content' section. For more information on setting up the color schemes, refer to Theme settings → Colors → Schemes.

  • Heading: Enter a heading for the section.

  • Caption: Enter a caption for the section.

Add block:

  • Heading: Enter a heading for the block.

  • Content: Enter a content for the block.