comersDocs
Install guide
CM Product information

Product page

CM Product information

Core PDP: gallery, purchase stack, size guide, mobile tabs, sticky buy hooks.

8 settings59 block typessections/main-product.liquid
Media galleryBreadcrumbsPurchase actionsSize guidePincode checkFeedbacks railInline FAQSticky ATC
Theme editorTemplateCM Product information1Click to open its settingsCM VendorCM TitleCM PriceCM Shipping noteCM Short descriptionAdd block2CM Product informationShow size guideA switch. On by default.HeadingSize guideType your text. Default: “Size guide”.SubheadingGeneral fit guide — garment measurements may vary by style.Type your text. Default: “General fit guide — garment measurements may vary by style.”.GenderAuto-detectChoose one: Auto-detect, Men, Women. Default: Auto-detect.CategoryAuto-detect from variants/tagsChoose one: Auto-detect from variants/tags, Topwear, Bottomwear, Footwear. Default: Auto-detect from variants/tags.Theme editor · CM Product information, shown with the theme's default values

How to configure

  1. Order purchase blocks

    Title and price above variants; buy buttons last in the stack.

  2. Enable size guide

    Set gender/category so charts resolve correctly.

  3. Verify sticky ATC

    On mobile, Add to bag / Buy now stay fixed at the bottom until cart opens.

Settings

Select CM Product information in the theme editor sidebar to find these.

Show size guide
Switchsize_guide_enable

A switch. On by default.

HeadingSize guide
Textsize_guide_heading

Type your text. Default: “Size guide”.

SubheadingGeneral fit guide — garment measurements may vary by style.
Long textsize_guide_subheading

Type your text. Default: “General fit guide — garment measurements may vary by style.”.

GenderAuto-detectAuto-detectMenWomen
Dropdownsize_guide_gender

Pick one of the 3 options shown. Default: Auto-detect.

CategoryAuto-detect from variants/tagsAuto-detect from variants/tagsTopwearBottomwearFootwear
Dropdownsize_guide_category

Pick one of the 4 options shown. Default: Auto-detect from variants/tags.

Size systemUS + UKUS + UKUS onlyUK only
Dropdownsize_guide_system

Pick one of the 3 options shown. Default: US + UK.

Default unitsInchInchCm
Dropdownsize_guide_units

Pick one of the 2 options shown. Default: Inch.

Sticky purchase buttons on mobile
Switchsticky_buttons

A switch. On by default.

Blocks

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

App blocks@app0 settings
CM VendorvendorLimit 1 · 3 settings
CM TitletitleLimit 1 · 4 settings
CM PricepriceLimit 1 · 2 settings
CM Shipping noteshipping_noteLimit 1 · 2 settings
CM Short descriptionshort_descriptionLimit 1 · 2 settings
CM Full descriptiondescriptionLimit 1 · 0 settings
CM Size guide buttonsize_guideLimit 1 · 0 settings
CM Variant pickervariant_pickerLimit 1 · 0 settings
CM Delivery pincode checkpincodeLimit 1 · 0 settings
CM Quantity selectorquantityLimit 1 · 0 settings
CM Gift card recipientgift_card_recipientLimit 1 · 0 settings
CM Payment termspayment_termsLimit 1 · 0 settings
CM Add to cart buttonadd_to_cartLimit 1 · 0 settings
CM Buy now buttonbuy_nowLimit 1 · 1 setting
CM Accelerated checkoutdynamic_checkoutLimit 1 · 1 setting
CM Video feedbacksfeedbacksLimit 1 · 0 settings
CM FAQ accordionfaqLimit 1 · 2 settings
CM Pickup availabilitypickupLimit 1 · 0 settings
CM Ask a question (mobileask_questionLimit 1 · 0 settings
CM Share linksshareLimit 1 · 0 settings
CM Custom Liquidliquid1 setting
CM Mobile information tabmobile_detailsLimit 1 · 0 settings
CM Mobile media and textmobile_content6 settings
CM Mobile accordion tabmobile_policy1 setting
CM+ Headingcmb_heading3 settings
CM+ Textcmb_text1 setting
CM+ Imagecmb_image4 settings
CM+ Buttoncmb_button5 settings
CM+ Spacercmb_spacer2 settings
CM+ Dividercmb_divider3 settings
CM+ Badgescmb_badges6 settings
CM+ Icon listcmb_icon_list9 settings
CM+ Accordioncmb_accordion3 settings
CM+ Videocmb_video3 settings
CM+ Countdowncmb_countdown4 settings
CM+ Coupon codecmb_coupon4 settings
CM+ Bannercmb_banner8 settings
CM+ Scrolling textcmb_marquee2 settings
CM+ Payment iconscmb_payment_icons1 setting
CM+ Testimonialcmb_testimonial3 settings
CM+ Link chipscmb_menu_chips2 settings
CM+ Product railcmb_product_rail3 settings
CM+ WhatsApp buttoncmb_whatsapp3 settings
CM+ Notice boxcmb_notice3 settings
CM+ Details tablecmb_specs8 settings
CM+ Text columnscmb_columns6 settings
CM+ Social iconscmb_social1 setting
CM+ Email signupcmb_newsletter3 settings
CM+ Custom liquidcmb_liquid1 setting
CM+ SKUcmx_sku1 setting
CM+ Stock statuscmx_stock4 settings
CM+ Delivery estimatecmx_delivery3 settings
CM+ You savecmx_savings2 settings
CM+ Product tagscmx_tags3 settings
CM+ Product typecmx_type1 setting
CM+ Metafieldcmx_metafield3 settings
CM+ Star ratingcmx_rating1 setting
CM+ Highlightscmx_highlights2 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.