📘
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

Collection list

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.

Content

Alignment Choose from left or center for the text alignment. Heading Type any text to show as the heading of the section. (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 from H1-H6 to determine the heading size for SEO purposes. Description Type any text. Grid image ratio Choose the image ratio from the following options: -Auto -Landscape -Portrait -Square

Colors

Color scheme Select any color scheme defined in the Theme settings>Colors 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 spacing

Top spacing (desktop)

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

Bottom spacing (desktop)

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

Top spacing (mobile)

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

Bottom spacing (mobile)

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

Block settings:

Collection

Choose any collection to display in the list.

PreviousCategoriesNextImage with text

Last updated 1 year ago

✨