Clean Art Docs
Coming soon to the Shopify Theme Store

Reference · Applies to Clean Art 1.2.0

Product information

Settings and blocks of the Product information section in the Clean Art theme.

  • File: sections/main-product.liquid
  • Not in Add section: part of a fixed template or section group
  • Used in: product

Section settings

Layout

Setting Type Options Default Notes
Image position select Left, Right Left
Image column width range 40 to 70 %, step 5 55 %
Gap between columns range 0 to 120 px, step 4 48 px
Top padding range 0 to 160 px, step 4 48 px
Bottom padding range 0 to 160 px, step 4 48 px
Keep in view while scrolling select Pictures, Product details, Neither Pictures On desktop, the chosen column stays put until the other one has finished scrolling.
Color scheme color_scheme scheme-1

Custom colors

Setting Type Options Default Notes
Use custom colors checkbox Off Overrides the color scheme for this section only.
Background color #faf6f0 Shown when section.settings.use_custom_colors.
Text color #2e241b Shown when section.settings.use_custom_colors.
Button color #2e241b Shown when section.settings.use_custom_colors.
Button label color #ffffff Shown when section.settings.use_custom_colors.
Accent and links color #546633 Keep text and background at a contrast of 4.5 to 1. Shown when section.settings.use_custom_colors.

Images

Setting Type Options Default Notes
Image ratio select Adapt to image, Square, Portrait, Landscape Adapt to image
Image fit select Fill the frame, Show the whole image Fill the frame
Image border width range 0 to 8 px, step 1 0 px
Image corner radius range 0 to 32 px, step 2 0 px
Space inside image frame range 0 to 48 px, step 4 0 px

Gallery

Page extras

Setting Type Options Default Notes
Show breadcrumbs checkbox On
Show sticky add to cart bar checkbox On A slim bar appears when the main buy buttons scroll out of view.
Use glossy glass style checkbox On A frosted bar with a soft highlight, in the style of Apple's liquid glass. Shown when section.settings.sticky_bar.
Layout on desktop select Main picture with thumbnails below, Main picture with thumbnails beside, Swipe carousel, Stacked, one under another, Grid, first picture large Main picture with thumbnails below How several pictures of one product are arranged.
Layout on mobile select Swipe carousel, Main picture with thumbnails, Stacked, one under another, Grid, first picture large Swipe carousel
Other pictures shape select Same as main picture, Adapt to each picture, Square, Portrait, Landscape Adapt to each picture Applies to every picture after the first when they are stacked or in a grid.
Space between pictures range 0 to 32 px, step 4 12 px
Zoom the main picture checkbox On On desktop the picture zooms under the mouse. On touch screens, tap to zoom and drag to look around.
Zoom level range 1.5 to 3, step 0.5 2 Shown when section.settings.zoom.
Thumbnails select Shown, Hidden Shown
Thumbnail size range 48 to 120 px, step 4 72 px
Thumbnail shape select Square, Portrait, Landscape, Keep each picture's shape Square
Thumbnail fit select Fill the frame, Show the whole picture Fill the frame

Product details

Setting Type Options Default Notes
Space between blocks range 0 to 48 px, step 2 16 px
Padding inside details range 0 to 64 px, step 4 0 px
Details border width range 0 to 8 px, step 1 0 px
Details corner radius range 0 to 32 px, step 2 0 px

Section borders

Setting Type Options Default Notes
Top border width range 0 to 8 px, step 1 0 px
Bottom border width range 0 to 8 px, step 1 0 px

Supports app blocks.

Blocks

Artist (up to 1)

Setting Type Options Default Notes
Prefix text By
Link to artist page checkbox On
Space above range 0 to 64 px, step 4 0 px

Title (up to 1)

Setting Type Options Default Notes
Size select Small, Medium, Large Medium
Space above range 0 to 64 px, step 4 0 px

Price (up to 1)

Setting Type Options Default Notes
Size select Small, Medium, Large Medium
Show tax note checkbox On
Space above range 0 to 64 px, step 4 0 px

Description (up to 1)

Setting Type Options Default Notes
Space above range 0 to 64 px, step 4 0 px

Text

Setting Type Options Default Notes
Text richtext <p>Add details about the artwork here.</p>
Alignment select Left, Center, Right Left
Text size select Small, Regular, Large Regular
Show on a tinted panel checkbox Off
Space above range 0 to 64 px, step 4 0 px

Variant picker (up to 1)

Setting Type Options Default Notes
Option shape select Square, Round Square
Space above range 0 to 64 px, step 4 0 px

Purchase options (up to 1)

Setting Type Options Default Notes
Heading text Purchase options
Space above range 0 to 64 px, step 4 8 px

Tabs (up to 1)

Setting Type Options Default Notes
Tab 1 title text Framing
Tab 1 text richtext <p>Add details here.</p>
Tab 1 page page Optional. Replaces the text with the content of a page.
Tab 2 title text Shipping
Tab 2 text richtext <p>Add details here.</p>
Tab 2 page page Optional. Replaces the text with the content of a page.
Tab 3 title text Care
Tab 3 text richtext <p>Add details here.</p>
Tab 3 page page Optional. Replaces the text with the content of a page.
Space above range 0 to 64 px, step 4 16 px

Low stock message (up to 1)

Setting Type Options Default Notes
Show when this many or fewer are left range 1 to 20, step 1 5
Space above range 0 to 64 px, step 4 0 px

Quantity selector (up to 1)

Setting Type Options Default Notes
Style select Outline, Filled, Underline Outline
Space above range 0 to 64 px, step 4 0 px

Buy buttons (up to 1)

Setting Type Options Default Notes
Show Shop Pay Installments checkbox On Shows the installment offer under the buy buttons when the product is eligible.
Add to cart style select Theme, Solid, Outline, Glass, Soft tint Theme Theme follows the primary button style in Theme settings.
Show bag icon on Add to cart checkbox Off
Animate Add to cart while adding checkbox On Shows progress, then Added once the item is in the cart.
Button height range 44 to 72 px, step 4 56 px Applies to Add to cart and Buy it now. The Buy it now color follows the secondary button style.
Show dynamic checkout buttons checkbox On Customers see their preferred payment method, such as Shop Pay or Apple Pay.
Space above range 0 to 64 px, step 4 0 px

Heading

Setting Type Options Default Notes
Heading text Heading
Size select Small, Medium, Large Medium
Heading level select H2, H3, Paragraph H2
Alignment select Left, Center, Right Left
Space above range 0 to 64 px, step 4 16 px

Icon with text

Setting Type Options Default Notes
Icon select Check, Ruler, Mail, Phone, Share, Bag, Globe, Arrow out Check
Heading text Archival paper
Text richtext <p>Museum-grade, made to order.</p>
Space above range 0 to 64 px, step 4 16 px

Button

Setting Type Options Default Notes
Label text Ask a question
Link url
Style select Primary, Secondary Secondary
Show arrow checkbox On
Full width checkbox Off
Space above range 0 to 64 px, step 4 16 px

Divider

Setting Type Options Default Notes
Style select Solid, Dashed, Thick Solid
Space above range 0 to 64 px, step 4 24 px

Accordion row

Setting Type Options Default Notes
Heading text Shipping and returns
Content richtext <p>Works ship within five business days. Returns are free for 30 days.</p>
Content from page page Overrides the content above.
Open by default checkbox Off
Space above range 0 to 64 px, step 4 0 px

Pickup availability (up to 1)

Setting Type Options Default Notes
Space above range 0 to 64 px, step 4 0 px

Printable artwork details (up to 1)

Setting Type Options Default Notes
Button label text Print artwork details
Statement textarea Leave empty to use the standard wording about archival reproductions.
Show signature line checkbox Off Only if you sign each printed sheet, for example for originals or limited editions.
Space above range 0 to 64 px, step 4 8 px

Enquire button (up to 1)

Setting Type Options Default Notes
Button label text Enquire about this work
Intro text text Ask about size, framing, shipping or a commission. We reply within two days.
Space above range 0 to 64 px, step 4 8 px

Artwork details (up to 1)

Setting Type Options Default Notes
Show medium checkbox On
Show dimensions checkbox On
Show year checkbox On
Show framing checkbox On
Show edition checkbox On
Space above range 0 to 64 px, step 4 0 px

Artist note (up to 1)

Setting Type Options Default Notes
Heading text From the artist
Placeholder text richtext <p>Add a note from the artist in the product metafield cleanart.artist_note.</p> Shown only in the theme editor. Add the note itself in the product metafield cleanart.artist_note.
Space above range 0 to 64 px, step 4 0 px

Certificate

Setting Type Options Default Notes
Heading text Archival and documented
Text richtext <p>Each print ships with a card naming the work, the artist and its National Gallery of Art accession number.</p>
Image image_picker Optional photo of the certificate.
Space above range 0 to 64 px, step 4 0 px

Framing guidance

Setting Type Options Default Notes
Heading text Framing and hanging
Content richtext <p>Works marked ready to hang need no frame. For others, a simple wood frame in a neutral tone suits most walls.</p>
Content from page page Overrides the content above.
Open by default checkbox Off
Space above range 0 to 64 px, step 4 0 px

Shipping note

Setting Type Options Default Notes
Text text Free shipping and free returns
Space above range 0 to 64 px, step 4 0 px

Share (up to 1)

Setting Type Options Default Notes
Label text Share
Space above range 0 to 64 px, step 4 0 px

Custom liquid

Setting Type Options Default Notes
Custom liquid liquid Add app snippets or other Liquid code to create advanced customizations.
Space above range 0 to 64 px, step 4 0 px
© Vexa · Applies to Clean Art 1.2.0SupportComing soon to the Shopify Theme Store