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

WIP

Browse Source
This commit is contained in:
Kurtis Holsapple
2025-05-20 14:15:03 -07:00
parent c074a5ef18
commit edcad561a5
179 changed files with 52733 additions and 4704 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
tpl/flex.tpl Normal file
View File

@@ -0,0 +1 @@
{{#flex content}}

17
tpl/flex_background_image_cta.tpl Normal file
View File

@@ -0,0 +1,17 @@
<section class="background-image-cta" style="background-image: url({{ background_image }})">
<div class="container">
<div class="row">
<div class="col">
<{{tag_type}}>{{ headline }}</{{tag_type}}>
<p>{{ description }}</p>
{{#if button_target}}
<p class="cta-button">
<a href="{{ button_target }}">{{ button_text }}</a>
</p>
{{/if}}
</div>
<div class="col"></div>
</div>
</div>
</section>

15
tpl/flex_logo_slider.tpl Normal file
View File

@@ -0,0 +1,15 @@
<section class="logo-slider">
<div class="container">
<div class="row">
<div class="col">
<div class="logos">
{{#each logos}}
<div class="logo">
<img src="{{ logo.url }}" alt="{{ logo.alt }}" />
</div>
{{/each}}
</div>
</div>
</div>
</div>
</section>

10
tpl/flex_plain_text.tpl Normal file
View File

@@ -0,0 +1,10 @@
<section class="plain-text">
<div class="container">
<div class="row">
<div class="col">
<{{tag_type}}>{{ headline }}</{{tag_type}}>
{{{ description }}}
</div>
</div>
</div>
</section>

15
tpl/flex_testimonials.tpl Normal file
View File

@@ -0,0 +1,15 @@
<section class="testimonials-section">
<div class="container">
<div class="row">
<div class="col">
<h2>{{headline}}</h2>
<div class="testimonials">
{{#each testimonials}}
{{#testimonial this.testimonial }}
{{/each}}
</div>
</div>
</div>
</div>
</section>

69
tpl/footer.tpl
View File

@@ -1,10 +1,71 @@
{{#wp-footer}}
<footer class="site-footer mt-5">
<div class="container">
<p class="text-center">&copy; {{ year }}. Powered by <a id="bottom-link" href="{{ powered-by-url }}" target="_blank">{{ powered-by }}</a></p>
<footer class="site-footer">
<div class="container-fluid">
<div class="row">
<div class="col">
<div class="d-flex justify-content-around flex-column flex-lg-row gap-3">
<div class="logo-col">
<a href="/"><img src="{{#assetUrl main-logo.png }}" alt="{{#wp-title}}" /></a>
{{ tagline }}
</div>
<div class="locations-col">
<h2>Contact your store</h2>
<ul>
{{#each locations}}
<li><a href="{{ url }}">{{ title }}</a></li>
{{/each}}
</ul>
</div>
<div class="service-col">
<h2>Customer Service</h2>
{{{ menu }}}
</div>
<div class="social-col">
<h2>Follow Us</h2>
<nav id="social-nav">
<ul>
{{#if facebook_url}}
<li><a href="{{ facebook_url }}" target="_blank">{{#assetContents facebook.svg}}</a></li>
{{/if}}
{{#if twitter_url}}
<li><a href="{{ twitter_url }}" target="_blank">{{#assetContents twitter.svg}}</a></li>
{{/if}}
{{#if instagram_url}}
<li><a href="{{ instagram_url }}" target="_blank">{{#assetContents instagram.svg}}</a></li>
{{/if}}
{{#if youtube_url}}
<li><a href="{{ youtube_url }}" target="_blank">{{#assetContents youtube.svg}}</a></li>
{{/if}}
{{#if linkedin_url}}
<li><a href="{{ linkedin_url }}" target="_blank">{{#assetContents linkedin.svg}}</a></li>
{{/if}}
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</footer>
<footer class="sub-footer">
<div class="container">
<div class="row">
<div class="col">
<div class="text-center">
&copy; {{ year }} {{#wp-title}}
</div>
</div>
</div>
</div>
</footer>
{{#wp-footer}}
</body>
</html>

96
tpl/header.tpl
View File

@@ -6,56 +6,56 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{#wp-title}}</title>
<!-- the following CSS is included for a fancy pants intro page. Feel free
to delete it! -->
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=montserrat:400,400i,700,700i" rel="stylesheet" />
<style>
* {
font-family: 'Montserrat', sans-serif;
}
body, html {
background-color: #212529;
color: #dee2e6;
font-size: 1.1rem;
line-height: 1.5;
}
.container {
max-width: 900px;
padding: 0 1rem;
display: block;
margin: 0 auto;
}
a {
color: #f472b6;
text-decoration: none;
}
.text-center {
text-align: center;
}
.m-0 {
margin: 0;
}
.mb-4 {
margin-bottom: 1.25rem;
}
code {
font-family: monospace;
color: white;
background-color: black;
display: inline-block;
line-height: 1.1;
font-size: 1rem;
padding: 2px 4px;
}
.outro h2 {
font-size: 1.2rem;
}
footer {
font-size: .8rem;
}
</style>
<link href="https://fonts.bunny.net/css?family=inter:400,400i,700,700i|montserrat:400,400i,600,600i,700,700i,800,800i" rel="stylesheet" />
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
{{#wp-header}}
</head>
<body {{#body-classes}}>
<section class="top-bar">
<div class="container">
<div class="row">
<div class="col">
<div class="d-flex gap-5 justify-content-end">
<input type="text" placeholder="What are you searching for?" />
<div>
<a href="{{ accountHref }}" class="account-button">
{{{ person-icon }}}
My Account
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="main-nav">
<div class="container">
<div class="row">
<div class="col">
<div class="d-flex justify-content-between flex-wrap align-items-center">
<div class="logo-wrapper">
<a href="/"><img src="{{#assetUrl main-logo.png }}" alt="McCann's Medical" /></a>
<a href="#" id="mobile-nav-toggle">
{{#assetContents list.svg}}
{{#assetContents x-lg.svg}}
</a>
</div>
<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>
</p>
</nav>
</div>
</div>
</div>
</div>
</section>

44
tpl/index.tpl
View File

@@ -1,39 +1,11 @@
<div class="container">
<div class="row">
<div class="col">
<hr />
<h1 class="text-center my-5">This fell back to the index file, not good, catch it upstream!</h1>
<hr class="mb-5" />
<section class="intro">
<div class="container">
<h1 class="text-center">
<a href = "https://rad-theme-engine.ofco.cloud/" target = "_blank">Welcome to Rad Theme Engine!</a>
</h1>
<div class="col-lg-12 text-center mb-4">
<a href = "https://rad-theme-engine.ofco.cloud/" target = "_blank">
<h1>
<img class="title-logo" src="https://rad-theme-engine.ofco.cloud/images/rebrand/Rad%20Logo%201%20OF-TOP.png" alt="Check out the RAD Theme Engine Docs">
</h1>
</a>
</div>
<p id="get-started">Get started by editing these template files to build out your site layouts and content.</p>
<p id="description">All template files need to be valid <a href="https://rad-theme-engine.ofco.cloud/docs/guides/handlebars/" target="_blank">handlebars</a> files, with tags that look like this: <code>{{#raw}}{{#formatDate now}}{{/raw}}</code>. Note: the <code>now</code> variable got its value passed by the PHP file to this template, and the <code>#formatDate</code> prefix is a <a href="https://rad-theme-engine.ofco.cloud/docs/guides/helpers/" target="_blank">handlebars helper</a>. You can write your own helpers very easily, and RAD comes preloaded with a bunch of really useful ones!</p>
<p>That tag is rendered into this: <code>{{#formatDate now }}</code></p>
<hr/>
</div>
</section>
<section>
<div class="container">
<p>We also passed the WordPress saved content to this template, asking specifically for the content, title, and published_at date. Here is a quick example of how to use that data:</p>
<p class="m-0">Title: {{ post.title }}</p>
<p class="m-0">Published: {{ post.published_at }}</p>
<p class="m-0">Content:</p>
{{{ post.content }}}
<hr/>
</div>
</section>
<section class="outro">
<h2 class="text-center">
For more help getting started on your new <em>RAD</em> project, visit the <br />
<a class="bottom-link" href="https://rad-theme-engine.ofco.cloud" target="_blank">RAD Theme Engine Docs</a>
</h2>
</section>
</div>

21
tpl/location-tile.tpl Normal file
View File

@@ -0,0 +1,21 @@
<div class="location-tile">
<div class="leaflet-map" data-lat="{{ latitude }}" data-lng="{{ longitude }}" data-title="{{ title }}"></div>
<div class="d-flex justify-content-between">
<div class="left">
<h2>{{ title }}</h2>
<p class="address">{{ address_1 }}<br />
{{#if city}}
{{ city }},
{{else}}
{{ title }},
{{/if}}
{{ state }} {{ zip }}<br />
<a href="tel:{{ phone }}">{{ phone }}</a>
</div>
<div class="right">
<p class="cta-button"><a href="{{ url }}">Contact Us</a></p>
</div>
</div>
</div>

44
tpl/location.tpl Normal file
View File

@@ -0,0 +1,44 @@
<section class="top-image" style="background-image: url({{ thumbnail }})">
&nbsp;
</section>
<section class="location">
<div class="container">
<div class="row">
<div class="col">
<h1>{{ title }} Location</h1>
<p>{{{ intro }}}</p>
<div class="form-wrapper">
{{{ form }}}
</div>
</div>
<div class="col">
<div class="leaflet-map" data-lat="{{ latitude }}" data-lng="{{ longitude }}" data-title="{{ title }}"></div>
<div class="d-flex justify-content-between">
<div class="address">
<p><strong>{{ title }} Store:</strong><br />
{{ address_1 }}<br />
{{#if city}}
{{ city }},
{{else}}
{{ title }},
{{/if}}
{{ state }} {{ zip }}<br />
<a href="tel:{{ phone }}">{{ phone }}</a>
</p>
</div>
<div class="hours">
<p><strong>Hours:</strong><br />
{{#nl2br hours }}
</p>
</div>
</div>
</div>
</div>
</div>
</section>

22
tpl/locations.tpl Normal file
View File

@@ -0,0 +1,22 @@
<section class="top-image" style="background-image: url({{ top_image}})">
&nbsp;
</section>
<section class="locations">
<div class="container">
<div class="row">
<div class="col intro">
<h1>{{ headline }}</h1>
<p>{{{ intro }}}</p>
</div>
</div>
<div class="row">
<div class="col d-flex flex-wrap justify-content-between">
{{#each locations}}
{{#locationTile .}}
{{/each}}
</div>
</div>
</div>
</section>

9
tpl/page.tpl Normal file
View File

@@ -0,0 +1,9 @@
<section class="page-content">
<div class="container">
<div class="row">
<div class="col">
{{{ content }}}
</div>
</div>
</div>
</section>

26
tpl/product-tile.tpl Normal file
View File

@@ -0,0 +1,26 @@
<div class="product-tile">
<a href="{{ cartUrl }}"
class="button product_type_simple add_to_cart_button ajax_add_to_cart"
data-product_id="{{ id }}"
data-product_sku="{{ sku }}"
data-quantity="1"
aria-label="Add to cart: {{ title }}"
data-success_message="“{{ title }}” has been added to your cart"
rel="nofollow"
>
<img src="{{#assetUrl cart-plus.svg }}" alt="Add To Cart" />
</a>
<a href="{{ url }}">
<img src="{{ thumbnail }}" alt="{{ title }}" />
</a>
<h2>
<a href="{{ url }}">{{ title }}</a>
</h2>
<p class="price">${{ price }}</p>
{{#if msrp}}
<p class="msrp">MSRP: ${{ msrp }}</p>
{{/if}}
{{#if savings}}
<p class="savings">(You save {{ savings }}%)</p>
{{/if}}
</div>

10
tpl/shop-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>{{ headline }}</h1>
<p>{{ intro_text }}</p>
</div>
</div>
</div>
</section>

18
tpl/testimonial-block.tpl Normal file
View File

@@ -0,0 +1,18 @@
<div class="testimonial">
<div class="stars stars-{{rating}}">&nbsp;</div>
<p class="quote">&ldquo;{{ quote }}&rdquo;</p>
<div class="person-details">
<div class="image-wrapper">
{{#if thumbnail}}
<img src="{{ thumbnail }}" alt="{{ title }}" />
{{else}}
<img src="{{#assetUrl lady-face.jpg }}" alt="{{ title }}" />
{{/if}}
</div>
<div class="details">
<p class="name">{{ title }}</p>
<p class="position">{{ position }}</p>
</div>
</div>
</div>

5
tpl/woocommerce-after-content.tpl Normal file
View File

@@ -0,0 +1,5 @@
</div>
</div>
</div>
</section>

4
tpl/woocommerce-before-content.tpl Normal file
View File

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