SVG ICONS

Snippet: icons.liquid

Usage: render 'icons', type: 'xxxx'

HEADING

Class: pd-heading pd-heading--large

Heading large

Class: pd-heading pd-heading--1

Heading 1

Class: pd-heading pd-heading--2

Heading 2

Class: pd-heading pd-heading--3

Heading 3

Class: pd-heading pd-heading--4

Heading 4

Class: pd-heading pd-heading--5

Heading 5

Class: pd-heading pd-heading--3 pd-heading--highlight

The future of clean has arrived.

BUTTON

Class: pd-button

Default

With icon

With icon

Class: pd-button pd-button--secondary

Secondary

Class: pd-button pd-button--secondary-icon

With icon

With icon

Class: pd-button pd-button--spritz

spritz

Class: pd-button pd-button--secondary-icon-spritz

With icon

Class: pd-button pd-button--full-width

Full with

LINK

Class: pd-link

Default

With icon

With icon

Class: pd-link pd-link--secondary

Secondary

With icon

With icon

Class: pd-link pd-link--spritz

Spritz

Scrollbar

Class: pd-container-with-scrollbar

Spinner

Snippet: pd-spinner.liquid

render 'pd-spinner'

Params:

classname

text - required

text_size - number. Default: 16

bg_color- Default: #FF684D

text_color- Default: #fff

link

Default

Custom

PRODUCT CARD

Snippet: card-product.liquid

render 'card-product', card_product: product

Params:

card_product - product object (required)

show_secondary_image - To show secondary image

show_type - To show product.metafields.custom.product_type

show_rating - To show rating

show_quick_add - To show Add to card

section_id

ARTICLE CARD

Snippet: article-card.liquid

render 'article-card', article: article

Params:

article - article object (required)

show_image - To show image

show_date - To show date

show_author - To show author

show_excerpt - To show description

show_cta - To show CTA