celsowhite

<!--
  Adjustments to the Shopify 'Shipping Confirmation' email template to show partially fulfilled items.
-->

<title>Shipping confirmation for order {{ name }}</title>

<!-- If all items were fulfilled -->

{% if fulfillment.item_count == item_count %}

celsowhite

/*=========================================
Draft to Under Construction Project Hook
Upon changing the status of a post with a specific parent from draft to published, send an email notifying the team.
Codex reference: https://codex.wordpress.org/Post_Status_Transitions
=========================================*/

function draft_to_under_construction_project( $new_status, $old_status, $post ) {

	if ($post->post_type == 'projects' && $post->post_parent == 7334 && $old_status == 'draft' && $new_status == 'publish') {

celsowhite

/*----------------------------
SMOOTH SCROLL
----------------------------*/

$( "body" ).on( "click", ".smooth_scroll", function() {

    // Breakpoint to adjust the offset distance.

    const tabletLandscapeBreakpoint = window.matchMedia("(max-width: 1024px)");

celsowhite

<!-- Email Signup HTML -->

<div class="mc_embed_signup">
    <form action="//trago.us11.list-manage.com/subscribe/post-json?u=6a6ec6ff09e1e698609b74747&amp;id=b6a9a7c361&c=?" method="post" name="mc-embedded-subscribe-form" class="validate mc-embedded-subscribe-form newsletter__form" novalidate>
      <input type="submit" value="Submit" name="submit" id="mc-embedded-subscribe" class="button"><input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
      <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
      <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_bfaeb9f9cfe94bf88ebe82105_58d7ecad1c" tabindex="-1" value=""></div>
    </form>
    <div class="mce-responses" class="clear">
      <div class="response mce-error-response" style="display:none"></div>

celsowhite

{% comment %}

Template used sitewide for each time a product is displayed.
This template handles the product/variant images, showing product information and variants.

At the bottom of the html is a script that dynamically show price and updates the selected variant ID.
The script for adding the product to the cart is in scripts.js.

{% endcomment %}

celsowhite

// Setup a map for the color variables.

$colorMap: (firstBlue: #297189, secondBlue: #BEEBEB, thirdBlue: #A2DAE0, fourthBlue: #81C4D4, fifthBlue: #5099AA);

// Loop through each to create the selector and keyframes function

@each $colorName, $color in $colorMap {

  // Selector for this specific svg component.

celsowhite

import React from 'react';
import ReactDOM from 'react-dom';

class ItemField extends React.Component {
	render() {
		return (
		    <form onSubmit={(e) => this.props.onSubmit(e)}>
		        <input type="text" value={this.props.inputValue} onChange={(e) => this.props.onChange(e)} />
		        <input type="submit" value="Submit" />
		    </form>

celsowhite

/*================================= 
		General Parallax Elements
		=================================*/

		const parallaxItems = document.querySelectorAll('.parallax_item');

		const windowHeight = window.innerHeight;

		// Check each item to see if it is in view on page load so we can set a base position

celsowhite

---

Overall Points

• Never develop directly on master. Always do your changes on a feature branch.
• Primary tasks of merging pull requests and deleting remote feature branches should be done by the project owner/person with access to the clients FTP.

---

New developer on project. Needs to clone repo and start a fresh new feature branch.

celsowhite

{% comment %}
	Check if this product has any 'related' tags.
	If so then create an array of those tags.
{% endcomment %}

{% assign related_product_tags = '' %}

{% if product.tags.size > 0 %}
	{% for tag in product.tags %}
		{% if tag contains 'related' %}