📘
Shark documentation
  • Overview
    • 💡Support and documentation
    • ✨Announcement bar
    • ✨Header
    • ✨Slideshow
    • ✨Featured collection
    • ✨Marquee text
    • ✨Rich text
    • ✨Collection carousel
    • ✨Collection tabs
    • ✨Categories
    • ✨Collection list
    • ✨Image with text
    • ✨Media grid
    • ✨Collapsible content
    • ✨Images carousel
    • ✨Newsletter
    • ✨Content tabs
    • ✨Countdown
    • ✨Logo list
    • ✨Shop the look
    • ✨Store locator
    • ✨Map
    • ✨Featured blogs
    • ✨Testimonials
    • ✨Multicolumn
    • ✨Text with icon
    • ✨Event calendar
    • ✨Recently viewed products
    • ✨Contact form
    • ✨Video
    • ✨Video with text overlay
    • ✨Featured product
    • ✨Media banner
    • ✨Image comparison
    • ✨Media with text list
    • ✨Collections details
    • ✨Collections banner list
    • ✨Custom Liquid
    • ✨Split banner
    • ✨Footer
    • ✨Theme settings
    • ✨Product page
    • ✨Template default collection
    • ✨Template- Blog
    • ✨Template - Default blog post
    • ✨Template- Cart
    • ✨Recommended sizes for images
  • FAQ
    • Theme updates
    • Support
  • How to set up the size guide on the product page
Powered by GitBook
On this page
  1. Overview

Image comparison

Section visibility

Select from the options to select the visibility of this section: -Always -Small devices only(On selecting this, the section will be visible on mobile devices only.) -Large devices only

Make top corners rounded

Select this checkbox to show the top corners rounded of the section.

Heading

Add heading text. (Note: Wrap your text between [ ] to add the markers. These [markers] will highlight the text.)

Heading size

Select the heading size from the H1-H6 options.

Heading tag

Specify heading code types for SEO and search engines for crawling purposes.

Heading alignment

Select the text alignment from the given options:

-Left

-Center

Desktop height

Choose desktop height options from the following options: - 500px - 600px - 700px - Auto-adapt to first slide

Mobile height

Choose mobile height options from the following options: - 300px - 400px - 500px - Auto-adapt to first slide

Colors

Color scheme Select the color scheme from the given options;

-Primary

-Secondary

-Tertiary

-Quaternary

Note: These can be managed from Theme settings> color schemes. Heading highlight Choose any color for the highlighted heading color. Section background Choose any color for the section background color. It works with the rounded corners only.

Section padding

Top spacing (desktop)

Adjust the slider to add spacing at the top of the section for desktop view.

Bottom spacing (desktop)

Adjust the slider to add spacing at the bottom of the section for desktop view.

Top spacing (mobile)

Adjust the slider to add spacing at the top of the section for mobile view.

Bottom spacing (mobile)

Adjust the slider to add spacing at the bottom of the section for mobile view.

Block setting:

Image

Choose any image.

Text

Enter the text like Before, After etc.

Content position

Select the content position from the following options: -Start -Center -End

PreviousMedia bannerNextMedia with text list

Last updated 1 year ago

✨