📘
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

Content tabs

Section settings:

Section visibility

Choose 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

Type the heading text. (Note: To highlight the text with a different color, simply wrap it in bold.)

Heading size

Choose from H1-H6 to determine the heading size.

Heading tag

Choose the heading tag from H1-H6 for SEO purposes.

Alignment

Choose from Left or Center to determine the heading alignment.

Colors

Section background Choose any color for the section background color. It works with the rounded corners only. Heading highlight Choose any color for the highlighted heading color. Tab highlight Choose any color to highlight the content tabs. Color scheme Choose the color scheme.

Note: These can be managed from Theme settings> Color schemes.

Section spacing

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 settings:

Collection list

Tab heading

Type any text to appear as the custom tab heading.

Image

Choose any image.

Heading

Type the heading text.

Tab description

Type the description text.

Collection list

Choose any collection.

Grid image ratio

Choose the image ratio from the following options: -Auto -Landscape -Portrait -Square

Product list

Tab heading

Type any text to appear as the custom tab heading.

Image

Choose any image.

Heading

Type the heading text.

Tab description

Type the description text.

Products

Choose any products.

Grid image ratio

Choose the image ratio from the following options: -Auto -Landscape -Portrait -Square

Media with text

Tab heading

Type any text to appear as the custom tab heading.

Image

Choose any image.

Video

Choose any video.

Heading

Type the heading text.

Heading size

Choose from H1-H6 to determine the heading size.

Heading tag

Choose the heading tag from H1-H6 for SEO purposes.

Description

Type the description text.

Button

Text Add text to the highlight button. Link Add a link to redirect the button. Size Select from regular, small, medium or large to decide the button size.

PreviousNewsletterNextCountdown

Last updated 1 year ago

✨