ofco/mccans-theme
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

latest changes

Browse Source
This commit is contained in:
Kurtis Holsapple
2025-06-17 08:01:10 -07:00
parent edcad561a5
commit 4c48d7ccbd
50 changed files with 1735 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
tpl/category-callout.tpl Normal file
View File

@@ -0,0 +1,20 @@
<div class="callout-category">
<div class="d-flex gap-5 align-items-center">
<div class="image-wrapper">
<div class="image-side" style="background-image: url({{ thumbnail }})">&nbsp;</div>
</div>
<div class="content-wrapper">
<p class="meta-top">Available Now</p>
<h3>{{{ title }}}</h3>
<div class="excerpt-wrapper">
{{{ description }}}
</div>
<p class="cta-button small">
<a href="{{ url }}">Shop {{{ title }}}</a>
</p>
</div>
</div>
</div>

24
tpl/flex_accordian_text.tpl Normal file
View File

@@ -0,0 +1,24 @@
<section class="accordian-content">
<div class="container">
<div class="row">
<div class="col">
{{#each text_blocks}}
<div class="accordian-item {{#if @first}}expanded{{/if}}">
<div class="d-flex gap-3 align-items-center">
<div class="content-wrapper w-100">
<a href="#">{{ headline }}</a>
<div class="content" {{#if @first}}style="display: block"{{/if}}>
{{{ content }}}
</div>
</div>
<div class="arrow-wrapper">
<a href="#">{{#assetContents chevron-down.svg}}</a>
</div>
</div>
</div>
{{/each}}
</div>
</div>
</div>
</section>

11
tpl/flex_block_links.tpl Normal file
View File

@@ -0,0 +1,11 @@
<section class="block-links">
<div class="container">
<div class="row">
{{#each blocks}}
<div class="col">
{{#renderBlock this}}
</div>
{{/each}}
</div>
</div>
</section>

16
tpl/flex_callout_text.tpl Normal file
View File

@@ -0,0 +1,16 @@
<section class="callout-text">
<div class="container">
<div class="row">
<div class="col">
<h2>{{{ headline_1 }}}
{{#if headline_2}}
<span class="line-2">{{ headline_2 }}</span>
{{/if}}
</h2>
{{#if descriptive_text}}
<p>{{descriptive_text}}</p>
{{/if}}
</div>
</div>
</div>
</section>

12
tpl/flex_vertical_callouts.tpl Normal file
View File

@@ -0,0 +1,12 @@
<section class="vertical-callouts">
<div class="container">
<div class="row">
<div class="col">
<h2>{{ headline }}</h2>
{{#each blocks}}
{{#renderCallout this}}
{{/each}}
</div>
</div>
</div>
</section>

8
tpl/header.tpl
View File

@@ -20,10 +20,12 @@
<div class="row">
<div class="col">
<div class="d-flex gap-5 justify-content-end">
<input type="text" placeholder="What are you searching for?" />
<form action="/">
<input type="text" name="s" placeholder="What are you searching for?" value="{{ searchTerm }}" />
</form>
<div>
<a href="{{ accountHref }}" class="account-button">
{{{ person-icon }}}
{{#assetContents person-circle.svg}}
My Account
</a>
</div>
@@ -51,7 +53,7 @@
<nav class="align-items-center gap-3 main-nav">
{{{ menu }}}
<p class="cta-button small">
<a href="tel:855-622-2661">{{{ phone-icon }}} 855-622-2661</a>
<a href="tel:855-622-2661">{{#assetContents telephone.svg}} 855-622-2661</a>
</p>
</nav>
</div>

20
tpl/page-callout.tpl Normal file
View File

@@ -0,0 +1,20 @@
<div class="callout-page">
<div class="d-flex gap-5 align-items-center">
<div class="image-wrapper">
<div class="image-side" style="background-image: url({{ thumbnail }})">&nbsp;</div>
</div>
<div class="content-wrapper">
<p class="meta-top">Available Now</p>
<h3>{{{ title }}}</h3>
<div class="excerpt-wrapper">
{{{ excerpt }}}
</div>
<p class="cta-button small">
<a href="{{ url }}">Shop {{{ title }}}</a>
</p>
</div>
</div>
</div>

9
tpl/page-tile.tpl Normal file
View File

@@ -0,0 +1,9 @@
<div class="page-tile">
<a href="{{ url }}">
<img src="{{ thumbnail }}" alt="{{ title }}" />
</a>
<h2>
<a href="{{ url }}">{{{ title }}}</a>
</h2>
<a href="{{ url }}" class="learn-more">Learn More {{#assetContents arrow-right.svg}}</a>
</div>

4
tpl/product-tile.tpl
View File

@@ -14,9 +14,9 @@
<img src="{{ thumbnail }}" alt="{{ title }}" />
</a>
<h2>
<a href="{{ url }}">{{ title }}</a>
<a href="{{ url }}">{{{ title }}}</a>
</h2>
<p class="price">${{ price }}</p>
<p class="price">{{#usd price }}</p>
{{#if msrp}}
<p class="msrp">MSRP: ${{ msrp }}</p>
{{/if}}

56
tpl/search-results.tpl Normal file
View File

@@ -0,0 +1,56 @@
<section class="intro-header">
<div class="container">
<div class="row">
<div class="col">
<div class="d-flex gap-3 justify-content-between">
<h1>Search results for {{ searchTerm }} ({{#queryCount}})</h1>
{{#paginationLinks}}
</div>
</div>
</div>
</div>
</section>
<section class="results-container">
<div class="container">
<div class="row">
<div class="col">
{{#if hasResults}}
<h2 class="mt-5 headline-sm">Products:</h2>
<div class="row">
{{#each products}}
<div class="col-6 col-md-4 col-lg-3 tile-wrapper">
{{#productBox this}}
</div>
{{/each}}
</div>
<h2 class="mt-5 headline-md">Pages</h2>
<div class="row">
{{#each pages}}
<div class="col-6 col-md-4 col-lg-3 tile-wrapper">
{{#pageBox this}}
</div>
{{else}}
<div class="col-6 col-md-4 col-lg-3 tile-wrapper">
<p>No pages</p>
</div>
{{/each}}
</div>
<div class="row">
<div class="col">
</div>
</div>
{{else}}
<p>&nbsp;</p>
<p class="mt-3 mb-5 text-center">Sorry, there were no results found for "{{ searchTerm }}". Please try a different search.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
{{/if}}
</div>
</div>
</div>
</section>

30
tpl/shop-category-slice.tpl Normal file
View File

@@ -0,0 +1,30 @@
<section class="category-slice-top">
<div class="container">
<div class="row">
<div class="col">
<h1>{{{ title }}}</h1>
<p>{{ description }}</p>
</div>
</div>
</div>
</section>
<section class="category-slice">
<div class="container">
<div class="row">
<div class="col-12 col-sm-6 col-md-4 text-center">
<img src="{{ thumbnail }}" alt="{{ title }}" />
</div>
<div class="col-12 col-sm-6 col-md-8">
<h2>{{ intro_headline }}</h2>
{{{ intro_content }}}
<p class="cta-button small">
<a href="#products">Shop Now</a>
</p>
</div>
</div>
</div>
</section>
<a name="products"></a>

10
tpl/shop-category-top.tpl Normal file
View File

@@ -0,0 +1,10 @@
<section class="intro-slide" style="background-image: url({{ thumbnail }})">
<div class="container">
<div class="row">
<div class="col">
<h1>{{{ title }}}</h1>
<p>{{ description }}</p>
</div>
</div>
</div>
</section>

2
tpl/woocommerce-before-content.tpl
View File

@@ -1,4 +1,4 @@
<section class="woocommerce-wrapper">
<section class="woocommerce-wrapper {{additionalTopLevelClass}}">
<div class="container">
<div class="row">
<div class="col">