Building Hub

Documentation

Section

Tag

Hero

H1.1

Image

Title

CTA

Copy

Copied to clipboard!

{% capture hero_title %}Title{% endcapture %}
{% capture hero_image %}https://{% endcapture %}
{% capture hero_image_url %}#{% endcapture %}
{% capture hero_copy %}Copy{% endcapture %}
{% capture hero_cta_text %}CTA{% endcapture %}
{% capture hero_cta_url %}#{% endcapture %}
{{content_blocks.${H1.1}}}

Copied to clipboard!

{% assign hero_bg_color = "#" %} {% assign hero_text_color = "#" %}

H1.2

Image

Title

CTA

Copy

Copied to clipboard!

{% capture hero_title %}Title{% endcapture %}
{% capture hero_image %}https://{% endcapture %}
{% capture hero_image_url %}#{% endcapture %}
{% capture hero_copy %}Copy{% endcapture %}
{% capture hero_cta_text %}CTA{% endcapture %}
{% capture hero_cta_url %}#{% endcapture %}
{{content_blocks.${H1.2}}}

Copied to clipboard!

{% assign hero_bg_color = "#" %} {% assign hero_text_color = "#" %}

H1.3

Image

Title

CTA

Copy

Copied to clipboard!

{% capture hero_title %}Title{% endcapture %}
{% capture hero_image %}https://{% endcapture %}
{% capture hero_image_url %}#{% endcapture %}
{% capture hero_copy %}Copy{% endcapture %}
{% capture hero_cta_text %}CTA{% endcapture %}
{% capture hero_cta_url %}#{% endcapture %}
{{content_blocks.${H1.3}}}

Copied to clipboard!

{% assign hero_bg_color = "#" %} {% assign hero_text_color = "#" %}

H1.4

Image

Title

CTA

No copy

Copied to clipboard!

{% capture hero_title %}Title{% endcapture %}
{% capture hero_image %}https://{% endcapture %}
{% capture hero_image_url %}#{% endcapture %}
{% capture hero_cta_text %}CTA{% endcapture %}
{% capture hero_cta_url %}#{% endcapture %}
{{content_blocks.${H1.4}}}

Copied to clipboard!

{% assign hero_bg_color = "#" %} {% assign hero_text_color = "#" %}

H1.5

Image

Title

CTA

No copy

Copied to clipboard!

{% capture hero_title %}Title{% endcapture %}
{% capture hero_image %}https://{% endcapture %}
{% capture hero_image_url %}#{% endcapture %}
{% capture hero_cta_text %}CTA{% endcapture %}
{% capture hero_cta_url %}#{% endcapture %}
{{content_blocks.${H1.5}}}

Copied to clipboard!

{% assign hero_bg_color = "#" %} {% assign hero_text_color = "#" %}

H2.1

CTA

Double CTA

Title

Image

Copy

Copied to clipboard!

{% capture hero_title %}Title{% endcapture %}
{% capture hero_image %}https://{% endcapture %}
{% capture hero_image_url %}#{% endcapture %}
{% capture hero_copy %}Copy{% endcapture %}
{% capture hero_cta_text %}CTA{% endcapture %}
{% capture hero_cta_url %}#{% endcapture %}
{% capture hero_hyperlink_text %}Hyperlink{% endcapture %}
{% capture hero_hyperlink_url %}#{% endcapture %}
{{content_blocks.${H2.1}}}

Copied to clipboard!

H2.2

CTA

Double CTA

Title

Image

Copy

Copied to clipboard!

{% capture hero_title %}Title{% endcapture %}
{% capture hero_image %}https://{% endcapture %}
{% capture hero_image_url %}#{% endcapture %}
{% capture hero_copy %}Copy{% endcapture %}
{% capture hero_cta_text %}CTA{% endcapture %}
{% capture hero_cta_url %}#{% endcapture %}
{% capture hero_hyperlink_text %}Hyperlink{% endcapture %}
{% capture hero_hyperlink_url %}#{% endcapture %}
{{content_blocks.${H2.2}}}

Copied to clipboard!

H2.3

CTA

Double CTA

Title

Image

Copy

Copied to clipboard!

{% capture hero_title %}Title{% endcapture %}
{% capture hero_image %}https://{% endcapture %}
{% capture hero_image_url %}#{% endcapture %}
{% capture hero_copy %}Copy{% endcapture %}
{% capture hero_cta_text %}CTA{% endcapture %}
{% capture hero_cta_url %}#{% endcapture %}
{% capture hero_hyperlink_text %}Hyperlink{% endcapture %}
{% capture hero_hyperlink_url %}#{% endcapture %}
{{content_blocks.${H2.3}}}

Copied to clipboard!

D1.4

Demo

Copied to clipboard!

{% capture hero_image %}{% endcapture %}
{% capture hero_image_url %}#{% endcapture %}
{% capture hero_title %}Our guide to running this winter{% endcapture %}
{% capture hero_copy %}Donec posuere enim sit amet urna semper lobortis. Quisque imperdiet, odio nec tincidunt faucibus.{% endcapture %}
{% capture hero_cta_text %}Read more{% endcapture %}
{% capture hero_cta_url %}#{% endcapture %}
{{content_blocks.${JF_Hero_Block}}}

Copied to clipboard!

Article

A1.1

Image

Copy

Title

CTA

Copied to clipboard!

A1.2

Image

Copy

Title

CTA

Copied to clipboard!

A1.3

Image

Copy

Title

CTA

Copied to clipboard!

A2.1

Image

Copy

CTA

Copied to clipboard!

A2.2

Image

Copy

CTA

Copied to clipboard!

D1.5

Demo

Copied to clipboard!

{% capture article_image %}{% endcapture %}{% capture article_image_url %}#{% endcapture %}{% capture article_title %}Get the look{% endcapture %}{% capture article_copy %}Donec posuere enim sit amet urna semper lobortis. Quisque imperdiet, odio nec tincidunt faucibus. Is anyone reading this?{% endcapture %}{% capture article_cta_text %}Read more{% endcapture %}{% capture article_cta_url %}#{% endcapture %}{{content_blocks.${JF_Article_Block}}}

Copied to clipboard!

{% assign gallery_bg_color = ""#"" %} {% assign gallery_text_color = ""#"" %}

Gallery

G1.1

Image

CTA

Title

Copy

Copied to clipboard!

{% capture gallery_title %}Title{% endcapture %}
{% capture gallery_subtitle %}Subtitle{% endcapture %}
{% capture gallery_image_one %}https://{% endcapture %}
{% capture gallery_image_url_one %}#{% endcapture %}
{% capture gallery_image_two %}https://{% endcapture %}
{% capture gallery_image_url_two %}#{% endcapture %}
{% capture gallery_image_three %}https://{% endcapture %}
{% capture gallery_image_url_three %}#{% endcapture %}
{% capture gallery_image_four %}https://{% endcapture %}
{% capture gallery_image_url_four %}#{% endcapture %}
{% capture gallery_image_five %}https://{% endcapture %}
{% capture gallery_image_url_five %}#{% endcapture %}
{% capture gallery_image_six %}https://{% endcapture %}
{% capture gallery_image_url_six %}#{% endcapture %}
{% capture gallery_cta_text %}CTA{% endcapture %}
{% capture gallery_cta_url %}#{% endcapture %}
{{content_blocks.${G1}}}

Copied to clipboard!

G3.1

Image

Title

Copy

CTA

Copied to clipboard!

{% capture gallery_title %}Title{% endcapture %}
{% capture gallery_subtitle %}Subtitle{% endcapture %}
{% capture gallery_image_one %}img 1 url{% endcapture %}
{% capture gallery_image_url_one %}#{% endcapture %}
{% capture gallery_image_two %}img 2 url{% endcapture %}
{% capture gallery_image_url_two %}#{% endcapture %}
{% capture gallery_image_three %}img 3 url{% endcapture %}
{% capture gallery_image_url_three %}#{% endcapture %}
{% capture gallery_image_four %}img 4 url{% endcapture %}
{% capture gallery_image_url_four %}#{% endcapture %}
{% capture gallery_cta_text %}Shop all{% endcapture %}
{% capture gallery_cta_url %}#{% endcapture %}
{{content_blocks.${JF_Gallery_Block}}}

Copied to clipboard!

D1.3

Demo

Copied to clipboard!

{% capture gallery_title %}New arrivals{% endcapture %}
{% capture gallery_subtitle %}Available to order now!{% endcapture %}
{% capture gallery_image_one %}{% endcapture %}
{% capture gallery_image_url_one %}#{% endcapture %}
{% capture gallery_image_two %}{% endcapture %}
{% capture gallery_image_url_two %}#{% endcapture %}
{% capture gallery_image_three %}{% endcapture %}
{% capture gallery_image_url_three %}#{% endcapture %}
{% capture gallery_image_four %}{% endcapture %}
{% capture gallery_image_url_four %}#{% endcapture %}
{% capture gallery_cta_text %}Shop all{% endcapture %}
{% capture gallery_cta_url %}#{% endcapture %}
{{content_blocks.${JF_Gallery_Block}}}

Copied to clipboard!

{% assign gallery_bg_color = "#" %} {% assign gallery_text_color = "#" %}

Store

T1.1

Image

Copy

Title

CTA

Price

Description

Copied to clipboard!

T1.2

Image

Title

CTA

Price

Description

Copy

Copied to clipboard!

T1.3

Image

CTA

Price

Description

No copy

Title

Copied to clipboard!

Banner

Copy

No CTA

No Image

Copied to clipboard!

{% capture banner_copy %}Copy{% endcapture %}
{{content_blocks.${B1}}}

Copied to clipboard!

D1.6

Demo

Copied to clipboard!

{% capture banner_copy %}Copy{% endcapture %}
{{content_blocks.${JF_Banner_Block}}}

Copied to clipboard!

Header

D1.1

Logo

Links

No CTA

No Image

Copied to clipboard!

{{content_blocks.${D1.1}}}

Copied to clipboard!

D1.1

Demo

Copied to clipboard!

{{content_blocks.${JF_Header_Block}}}

Copied to clipboard!

Footer

F1.1

Logo

Links

Socials

No CTA

Copied to clipboard!

{{content_blocks.${F1.1}}}

Copied to clipboard!

D1.2

Demo

Copied to clipboard!

{{content_blocks.${JS_Footer_Block}}}

Copied to clipboard!