Ascent(English)
Contact usFAQsFree to install
English
English
  • Introduction
  • Support Policy
  • Refund Policy
  • Template Installation
  • FAQs
  • Global Settings
    • Layout
    • Colors
    • Typography
    • Breadcrumb
    • Animations
    • Section header
    • Product cards
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart settings
    • Favicon
    • Custom CSS
  • Header
    • Custom Mega Menu
    • Mobile Menu Obstruction by Third-Party Plugins
  • Side Drawer
    • Search Drawer
    • Shopping Cart Drawer
  • Sections
    • Seamless scroll
    • Announcement bar
    • Countdown
    • Collection thumbnails
    • Narrow banner image
    • Image banner
    • Video banner
    • Slideshow
    • Image with text
    • Image-text list
    • Rich text
    • Newsletter
    • Text with icons
    • Logo list
    • Contact form
    • FAQs
    • Multicolumn
    • Image comparison banner
    • Image hotspots banner
    • Map
    • Featured collection
    • Featured product
    • Collection list
    • Custom liquid
    • Composite display
    • Confetti trigger
    • Custom section header
    • Quote
    • Testimonials
    • Shop the feed
    • Image gallery
    • Product compare table
    • Text lens zoom
    • Scroll image expand
    • Milestones
    • Team
    • Highlight features
    • Steps
    • Media wall
  • Popups
    • Event popup
    • Age verification popup
  • Footer
    • Custom Payment Icons
  • Tool bar
  • Pages
    • Product Collection Page
      • Create Subcategory
    • Main product
      • Gifts (Freebies)
      • Product Pre-order
      • Size Chart
      • Variant Images Group
      • Variant Samples
      • Complementary Products
      • Related Products
      • Sibling Products
      • In Box Products
      • Product A+ Page
      • Performance Indicator Bar
      • Delivery ETA
  • Others
    • Version Upgrade Notes
      • v2.2.1 (Current version)
      • v2.1.8
      • v2.1.7
Powered by GitBook
On this page

Was this helpful?

  1. Sections

Text lens zoom

The section offers a unique visual experience where text content gradually enlarges and eventually disappears as the page scrolls, while the background color becomes increasingly transparent, revealing an image or video underneath. This block is ideal for showcasing brand slogans or captivating first-screen content, enhancing user engagement through dynamic effects.

Key Features

  1. Image and Video Display:

    • Background Options: Users can upload a background image or choose a video as the background.

    • Visibility: The image or video will be fully revealed after the scrolling effect ends.

  2. Text Display:

    • Customizable Slogans and Descriptions: Allows for custom slogans and text descriptions that grow larger and fade out as the page scrolls.

    • Usage: Suitable for displaying brand slogans, taglines, or other important messages.

  3. SEO Optimization:

    • Main Screen Setting: Supports setting the block as the primary area on the first screen to enhance SEO performance and improve website visibility in search engines.

Usage Recommendations

  • Keep Content Concise:

    • Ensure slogans or text are brief and impactful to effectively capture user attention.

  • Choose Appropriate Images or Videos:

    • The background image or video should align with the brand theme and be visually compelling.

  • SEO Optimization:

    • Select the “Set as Main Screen Area” option to boost SEO performance. Ensure content keywords align with your SEO strategy.

Considerations

  • Video Format Support:

    • Ensure video file formats are compatible with all major browsers.

  • Background Gradient Effects:

    • Use darker backgrounds to ensure text clarity. The gradual transparency effect will offer a smooth visual transition as the page scrolls.

PreviousProduct compare tableNextScroll image expand

Last updated 6 months ago

Was this helpful?