Tom Blanchard tomblanchard

Concept

In React (JSX), you create a component like so:

function Button(props) {
  return (
    <button className={"button " + (props.color ? props.color : '')} type="button">
      {props.value}
    </button>

Linjer 2.0

Estimate

Global

Menu/Sub-menus

Desktop

Shopify Custom HTML Email

Installation

Images

Start by uploading the contents of the email/img directory to your theme assets folder, you can do this via the admin page by clicking the active theme Edit HTML/CSS button, expanding the Assets folder tree and clicking Add a new asset.

	{
	"namespace" : "seo",
	"key" : "hidden",
	"value" : 1,
	"value_type" : "integer"
	}

	<!DOCTYPE html>
	<html class="template-{{ template \| handle }}" lang="{{ shop.locale }}">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1" />
	<meta name="robots" content="noindex, nofollow" />
	<meta http-equiv="refresh" content="0; url=/" />

	{{ content_for_header }}
	</head>

	var express = require('express');
	var cors = require('cors');
	var Shopify = require('shopify-api-node');

	var app = express();
	var port = 3000;

	// Shopify API
	var shopify = new Shopify({
	shopName: 'liquify-scripts',

	{% assign google_analytics_id = nil %}

	{% if content_for_header contains "ga('create', '" %}
	{% assign google_analytics_id = content_for_header \| split: "ga('create', '" \| last \| split: "'" \| first \| strip %}
	{% endif %}

	{% if google_analytics_id %}
	<p>My Google Analytics ID is: {{ google_analytics_id }}</p>
	{% endif %}

	var element = document.querySelector('[data-module-language-selector]');

	if (element) {
	element.addEventListener('change', (event) => {
	window.location = event.target.value;
	});
	}