comersDocs
Install guide
CM Search

Cart & catalog

CM Search

Configure Search using the section settings and blocks in the theme editor.

1 settings27 block typessections/main-search.liquid
Theme editorTemplateCM Search1Click to open its settingsCM Mobile media and textCM+ HeadingCM+ TextCM+ ImageCM+ ButtonAdd block2CM SearchPagination styleNumbered paginationChoose one: Numbered pagination, Load more button, Infinite scroll. Default: Numbered pagination.Theme editor · CM Search, shown with the theme's default values

How to configure

  1. Configure the section

    Open the relevant template in Customize, select this section, and edit its content and layout. Preview on desktop and mobile before saving.

Settings

Select CM Search in the theme editor sidebar to find these.

Pagination styleNumbered paginationNumbered paginationLoad more buttonInfinite scroll
Dropdownpagination_mode

Pick one of the 3 options shown. Default: Numbered pagination.

Blocks

Expand CM Search in the sidebar and click Add block to use these.

CM Mobile media and textmobile_content6 settings
CM+ Headingcmb_heading4 settings
CM+ Textcmb_text2 settings
CM+ Imagecmb_image5 settings
CM+ Buttoncmb_button6 settings
CM+ Spacercmb_spacer3 settings
CM+ Dividercmb_divider4 settings
CM+ Badgescmb_badges7 settings
CM+ Icon listcmb_icon_list10 settings
CM+ Accordioncmb_accordion4 settings
CM+ Videocmb_video4 settings
CM+ Countdowncmb_countdown5 settings
CM+ Coupon codecmb_coupon5 settings
CM+ Bannercmb_banner9 settings
CM+ Scrolling textcmb_marquee3 settings
CM+ Payment iconscmb_payment_icons2 settings
CM+ Testimonialcmb_testimonial4 settings
CM+ Link chipscmb_menu_chips3 settings
CM+ Product railcmb_product_rail4 settings
CM+ WhatsApp buttoncmb_whatsapp4 settings
CM+ Notice boxcmb_notice4 settings
CM+ Details tablecmb_specs9 settings
CM+ Text columnscmb_columns7 settings
CM+ Social iconscmb_social2 settings
CM+ Email signupcmb_newsletter4 settings
CM+ Custom liquidcmb_liquid2 settings
CM+ Popular searchescmx_popular_searches3 settings

CM customise

The shared styling controls at the bottom of this section's settings. They work the same way on every Comers section. How to use them

Show the 18 shared settings
Hide on desktop
Switchcm_hide_desktop

A switch. Off by default.

Shown conditionally in the theme editor.

Hide on mobile
Switchcm_hide_mobile

A switch. Off by default.

Shown conditionally in the theme editor.

Background colourNot set
Colourcm_bg

Pick a colour. Left empty, it follows your theme colours.

Shown conditionally in the theme editor.

Heading colourNot set
Colourcm_heading_color

Pick a colour. Left empty, it follows your theme colours.

Shown conditionally in the theme editor.

Text colourNot set
Colourcm_text_color

Pick a colour. Left empty, it follows your theme colours.

Shown conditionally in the theme editor.

Heading size100%
Slidercm_heading_size

Drag the slider from 50 to 200%. Default: 100%.

Shown conditionally in the theme editor.

Text size100%
Slidercm_text_size

Drag the slider from 70 to 160%. Default: 100%.

Shown conditionally in the theme editor.

AlignLeave as isLeave as isLeftCenterRight
Dropdowncm_align

Pick one of the 4 options shown. Default: Leave as is.

Shown conditionally in the theme editor.

Button colourNot set
Colourcm_button_bg

Pick a colour. Left empty, it follows your theme colours.

Shown conditionally in the theme editor.

Button text colourNot set
Colourcm_button_text

Pick a colour. Left empty, it follows your theme colours.

Shown conditionally in the theme editor.

Button corner radius (px)Auto
Numbercm_button_radius

Type a number. Leave empty to keep the theme default.

Shown conditionally in the theme editor.

Section width0px
Slidercm_max_width

Drag the slider from 0 to 2000px. Default: 0px.

0 leaves the width as is. Shown conditionally in the theme editor.

Padding top (px)Auto
Numbercm_pad_top

Type a number. Leave empty to keep the theme default.

Leave empty to keep the section's own spacing. Shown conditionally in the theme editor.

Padding bottom (px)Auto
Numbercm_pad_bottom

Type a number. Leave empty to keep the theme default.

Shown conditionally in the theme editor.

Corner radius (px)Auto
Numbercm_radius

Type a number. Leave empty to keep the theme default.

Shown conditionally in the theme editor.

Height0px
Slidercm_height

Drag the slider from 0 to 1200px. Default: 0px.

0 keeps the automatic height.

Vertical alignLeave as isLeave as isTopMiddleBottom
Dropdowncm_valign

Pick one of the 4 options shown. Default: Leave as is.

Most visible when a height is set.

Entrance animationNoneNoneFade upFade inFade from leftFade from rightScale inBlur inRise soft+ 5 more
Dropdowncm_animation

Pick one of the 13 options shown. Default: None.

Shown conditionally in the theme editor.