Matt Zimmermann influxweb

☕

Coffee Helps Me Focus...Coffee Helps Me Focus...Coffee Helps Me Focus...

Holistic Web Developer • Dad • Geek • Nerd

influxweb / product-json-ld.js

Created September 4, 2020 14:50

PROD: JSON-LD for search engines

	<mvt:assign name="l.settings:product:stripped_descrip" value="miva_html_strip(l.settings:product:descrip, '')"/>
	{
	"@context": "http://schema.org",
	"@type": "Product",
	"name": "&mvtj:product:name;",
	"image": "&mvt:global:socialImage;",
	"description": "&mvtj:product:stripped_descrip;",
	<mvt:if expr="NOT ISNULL l.settings:product:sku">
	"sku": "&mvtj:product:sku;",
	"mpn": "&mvtj:product:sku;",

influxweb / quantify.js

Last active April 14, 2020 21:24

Colossus: Quantify Update

	/**
	+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
	\|q\|u\|a\|n\|t\|i\|f\|y\|
	+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
	*
	* This extension allows for the use of buttons to increase/decrease item
	* quantities on the product and basket pages. When used on the basket page,
	* the decrease button becomes a remove button if the quantity is 1.
	*/

influxweb / OPAY.html

Last active February 8, 2021 18:08

Colossus OPAY: CVV Mini-Modal Not Working

	<mvt:item name="html_profile" />
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<base href="&mvt:global:basehref;">
	<mvt:if expr="NOT ISNULL l.settings:page:title">
	<title>&mvt:page:title;</title>
	<mvt:else>
	<title>&mvt:store:name;: &mvt:page:name;</title>

influxweb / cmp_primary_navigation.html

Created February 27, 2020 20:45

Storyteller Primary Navigation - Updated 02/27/20

	<nav class="cmp-primary-navigation off-canvas" data-hook="primary-navigation off-canvas">
	<ul class="bg--black color--white font--uppercase off-canvas__content off-canvas--right">
	<li class="off-canvas__header secondary-font">
	Menu
	<button class="bg--transparent h-nb h-np off-canvas__close icon--cross" data-hook="close-off-canvas"></button>
	</li>
	<li>
	<form class="cmp-global-search" method="post" action="&mvte:urls:SRCH:rr;">
	<div class="input-group">
	<input class="input--large input-group__element bg--transparent border--transparent color--secondary" name="Search" type="search" value="&mvte:global:Search;" placeholder="Start searching…">

influxweb / attributes.css

Created February 3, 2020 20:10 — forked from emmabostian/attributes.css

	Seven different types of CSS attribute selectors

	// This attribute exists on the element
	[value]

	// This attribute has a specific value of cool
	[value='cool']

	// This attribute value contains the word cool somewhere in it
	[value*='cool']

influxweb / swipe.js

Created November 20, 2019 21:20 — forked from chrishaensel/swipe.js

Simple swipe gesture recognizer in vanilla javascript

	var swiper = {

	touchStartX: 0,
	touchEndX: 0,
	minSwipePixels: 30,
	detectionZone: undefined,
	swiperCallback: function() {},

	init: function (detectionZone, callback) {
	swiper.swiperCallback = callback

influxweb / opay_page.html

Created October 1, 2019 19:48

Shadows: OPAY CSS Button Fix

	<mvt:item name="html_profile" />
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<base href="&mvt:global:basehref;">
	<mvt:if expr="NOT ISNULL l.settings:page:title">
	<title>&mvt:page:title;</title>
	<mvt:else>
	<title>&mvt:store:name;: &mvt:page:name;</title>

influxweb / refinery.js

Created August 23, 2019 19:33

Colossus - refinery.js

	/**
	+-+-+-+-+-+-+-+-+
	\|r\|e\|f\|i\|n\|e\|r\|y\|
	+-+-+-+-+-+-+-+-+
	*
	* This extension will display only the facets which will fit on the screen,
	* all others are hidden from view but can been seen via an off-canvas element.
	* Additionally, it will identify which facet sets have active selections and
	* display the active facets in a list below the main facet container. The
	* active facets can be clicked on to clear them as well as there being a

influxweb / _grid.scss

Created August 15, 2019 21:36 — forked from aronhoyer/_grid.scss

SASS grid system with CSS grid

influxweb / datalist.html

Created July 18, 2019 21:03

ReadyTheme Enhancement: State/Province Datalist

	<!-- This is an extract from OCST: Customer Information -->
	...
	<mvt:do name="l.state_datalist_count" file="g.Module_Library_DB" value="StateList_Load_All(l.state_datalist)"/>
	<mvt:assign name="g.StateDatalist" value="l.state_datalist"/>
	<mvt:if expr="g.States_Empty">
	<li class="c-form-list__item o-layout__item u-width-4--m &mvte:global:ShipState_Row;">
	<label class="c-form-label u-text-medium u-color-gray-40 is-required u-font-tiny" for="l-ShipState">State/Province</label>
	<input id="l-ShipState" class="c-form-input c-form-input--large" type="text" name="ShipState" value="&mvte:global:ShipState;" &mvt:shipping_required;>
	</li>
	<mvt:else>