Return to Knowledge Hub

Other Resources
Accordion Image
Accordion with Icon
Accordion with Thumbnail
Before and After Image
Blog Bottom Aligned Image
Blog Grid Dotted Line
Blog Grid Featuring Image Overlap
Blog Grid Header Image
Blog Grid with Header Emphasis
Blog Grid with Right-Side Avatar
Blog Image Overlay on Hover
Blog Left Column Overlay
Blog Masonry with Featured Blog
Blog Slider with Pagination
Blog Two Columns Carousel
Blog Vertical Button
Blog with Author
Blog with Left-Side Date
Button Image
Carousel
Contact Three Column
Contact Two Columns
Contact Two Columns with Map
Contact with Social Icons
Countdown Grid
Countdown Offer
Counter Highlighting Column
CTA Two Column No Gap
CTA with Counter
CTA with Social Icons
FAQ Accordion
FAQ Grid with Icon
FAQ Left Tabs
FAQ Slider
FAQ with Image Info
Flip Box Carousel
Flip Box Image Hover
Flip Box Slider
Flip Box with Border Shape
Icon Block on the Right
Icon Box Asymmetric Numbering
Icon Box Circle End Point
Icon Box Corner Positioned
Icon Box Dashed Outline
Icon Box Hanging Carousel
Icon Box No Gap
Icon Box Simple
Icon Box Tilted
Icon Box Tooltip on Hover
Icon Box Top-Left
Icon Box with Background Icon
Icon Box with Bold Numbering
Icon Box with Dual Strokes
Icon Box with Outline
Icon Box with Progress Animation
Icon Boxes with Steps
Icon Enclosed in a Box
Icon Flip Box
Icon in an Arc-Shaped
Icon Numeric Frame
Icon Timeline Progression
Icon with Circular Clasp
Icon with Drip Design
Image Alternate Text Blocks
Image Angular Hover Effect
Image Blurred Carousel
Image Bookmarking Icon
Image Box Alternating
Image Box Arc
Image Box Card Hover
Image Box Grid Circular Image
Image Box Heading Decor
Image Box Outlined Transparent Background
Image Box Overlap Carousel
Image Box with Icon
Image Box with Initial
Image Box with Numbered Carousel
Image Box with Overlap
Image Card Capsule-Shaped
Image Carousel with Curved Flow
Image Circle with Headline
Image Circular Hover Effect
Image Content Tabs
Image Gallery and Plus Icon
Image Gallery Carousel Uneven
Image Gallery Center Navigation
Image Gallery Right Vertical Heading
Image Gallery Slider
Image Gallery Timeline
Image Gallery with Hover Info
Image Gallery with Pagination
Image Gallery with Tooltip
Image Numbered Card on Hover
Image Overlap Slider
Image Scrolling with Title
Image Zoom-In Gallery
Logos Carousel
Logos Grid
Logos Tabs
Newsletter Three Column Overlap
Newsletter with Icon
Pricing Carousel
Pricing Feedback on Hover
Pricing Highlighted Rate
Pricing Image Rate Information
Pricing Outlined Content on Hover
Pricing Table with Highlight
Pricing Tabs
Pricing with Icon Overlap
Pricing with Icon-Attached
Pricing with Image Background
Pricing with Underline on Hover
Product Listing with Filter
Progress Bar Process
Scrolling Banner Content
Social Icon Box
Social Links
Stats Overlapping
Tabs
Tabs with stats
Team Asymmetric Profiles
Team Carousel
Team Circle Hover Details
Team Circle with Hover
Team Column Grid
Team Contact Slider
Team Fading Carousel
Team Gallery Masonry
Team Hover Interaction
Team Hover Overlay
Team Image Blend
Team Image Box
Team Leftward Social Media Links
Team Member Flip Card
Team Members in Boxed Layout
Team Members in Oval Portrait
Team Members with Contact Data
Team Members with Icon Toggle
Team Members within Circular Frame
Team Outlined Info
Team Plus Social Links
Team Slider with Thumbnail
Team Tabs
Team Tabs Carousel
Team Tabs with Thumbnail
Team Two Columns Oval Carousel
Team with Circular Context
Team with Circular Numbered Avatars
Team with Info on Hover
Team with Name Abbreviation
Team with Overlapped Social Icons
Team with Right-Side Social Hover
Testimonial Carousel with Styled Border
Testimonial One Column
Testimonial Pinned Author Name
Testimonial Popup Video
Testimonial Quote with Dashed Border
Testimonial Ratings on the Right
Testimonial Single Slider
Testimonial Slider Oval Frame
Testimonial Two Column
Testimonial with Left Corner Avatar
Testimonials Asymmetrical
Testimonials Avatar Overlap
Testimonials Slider Two Columns
Testimonials Three Column
Testimonials Timeline Slider
Testimonials with Avatar Frame
Testimonials with Elaborate Content
Testimonials with Image Pin Highlight
Timeline Detailed Carousel
Timeline Multicolor
Timeline Tabs
Timeline Two Column
Video Gallery Carousel
Video Gallery Grid
Video Slider
Video Tabs

Image Zoom-In Gallery

Image Zoom-In Gallery  - Documentation

Module Name: Image Zoom-In Gallery
Module Location: @marketplace > GiantFocal
Preview:

 

Available Fields:

  • Content - this group of fields is responsible for the module contents.
    image-zoom-in-gallery-1
    • Layout - controls the number of columns per device
      image-zoom-in-gallery-2
    • Content - this group is responsible for the contents on the cards.
      image-zoom-in-gallery-3
  • Styles - this group of fields is responsible for the module styling.
    image-zoom-in-gallery-4


Usage

Adding the module to the page

  • Search the name of the module then drag it anywhere on the page.
    image-zoom-in-gallery-5
  • Then you can find all the module settings.
    image-zoom-in-gallery-6


Editing the Module contents and styling

  • Layout - this tab is responsible for the layout of the module.
    image-zoom-in-gallery-7
  • Content - this tab is responsible for all the module contents
    • Gallery Repeater
      • Featured Image
        image-zoom-in-gallery-8
      • Heading
        image-zoom-in-gallery-9
      • Tag
        image-zoom-in-gallery-10

  • Styles - this tab is responsible for the module styles/design.
    image-zoom-in-gallery-11

 


Other Topics
content-01-top-img
code-bracket HubScout

Fixed-Cost Unlimited 
HubSpot Development

More than a Service, Your Dedicated Design & Development Team!

Get Started
Read More arrow-right-secondary
stars-multiple-icon 13,354

HubSpot customers use our products