doubleedesign’s gists

doubleedesign / mixin-tags.scss

Last active March 7, 2023 23:12

Mixin to display a list of links like label tags

	@mixin tags {

	ul {
	margin: 0;

	li {
	list-style: none;
	display: inline-block;

	&:before {

doubleedesign / wc-show-cross-sells.php

Created May 16, 2017 01:06

WooCommerce - Show an unordered list of cross-sells on the single product page

	<?php // Use on single product template ?>

	<div class="related">
	<?php
	// Customised: Show cross-sells on single product pages, under the attributes and short description
	global $post;
	$crosssells = get_post_meta( $post->ID, '_crosssell_ids',true);
	if($crosssells) {
	echo '<h2>Related products</h2>';
	echo '<ul>';

doubleedesign / wc-product-checklist.php

Created May 16, 2017 01:08

WooCommerce - template to output all product names and their variation images. This template provides a quick way to output the titles of all products, with their variation images underneath. Useful as a quick way to check which product variations do not have an image, or to check that they are all correct.

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Testing document</title>
	<style type="text/css">
	* {
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, sans-serif;
	}
	.wrapper {

doubleedesign / wc-house-product-attributes.php

Last active May 26, 2017 05:51

Custom display of product attributes for a home builder or property developer site. Used on www.davrose.com.au

	<?php
	/*
	Highly customised output of product attributes
	These functions can be used in hooks in functions/woocommerce.php or directly in templates

	Functions:
	1. doublee_home_room_attributes() gets the number of bedrooms, bathrooms and car spaces and outputs them as a list.
	2. doublee_duo_home_room_attributes() gets the number of bedrooms, bathrooms and car spaces for both residences and outputs them in a condensed list. Used where doublee_home_room_attributes() is not appropriate
	2. doublee_home_dimensions_attributes() gets the living area size, total area size, minimum block width and number of storeys and displays them in a table.
	3. doublee_home_floorplan_image() gets and outputs the floorplan image, which is an ACF field.

doubleedesign / type-scales.scss

Last active January 15, 2018 12:32

SCSS mixins to easily utilise the proportional type settings chosen using type-scale.com. Note: I have since created a more streamlined version of this: https://gist.github.com/doubleedesign/5a9321bceb4c7f5668c12bc668b9b796

	/*==============================================
	TYPE SCALES - www.type-scale.com
	Note: the base font size and line height is set under "set the body font" in _typography.scss,
	Paragraph margins don't change according to type scale used so they are set once in _typography.scss
	The base font size can be changed at different breakpoints and the type will scale accordingly since it's set in ems.
	==============================================*/
	@mixin use-type-scales {

	p,
	main ul,

doubleedesign / cpt-address.php

Last active February 24, 2018 11:52

WordPress custom post type for addresses, ACF export file of fields, and example markup

	<?php
	// Register Custom Post Type
	function doublee_address_cpt() {

	$labels = array(
	'name' => 'Addresses',
	'singular_name' => 'Address',
	'menu_name' => 'Addresses',
	'name_admin_bar' => 'Address',
	'archives' => 'Address Archives',

doubleedesign / menu-walkers.php

Created May 23, 2017 02:37

My first go at a custom menu walker in WordPress. Starting with the example from WordPress.org, I added code to output an SVG icon as part of the link on each menu item.

	if ( ! class_exists( 'doublee_Secondary_Walker' ) ) :
	class doublee_Secondary_Walker extends Walker_Nav_Menu {

	/**
	* Start the element output.
	*
	* Adds main/sub-classes to the list items and links.
	*
	* @param string $output Passed by reference. Used to append additional content.
	* @param object $item Menu item data object.

doubleedesign / wc-add-notification-recipient-on-user-registration.php

Last active July 11, 2017 13:33

Create WooCommerce Advanced Notifications recipient upon user registration, and add authors as notification recipients on the products they create automatically. First function sets the username as the notification recipient name, user's email as the notification email address (doesn't set any of the other fields, though these could be added), a…

	<?php
	// Create a WooCommerce Advanced Notifications recipient when a user registers
	add_action( 'user_register', 'doublee_also_add_a_wc_notification_recipient', 10, 1 );

	function doublee_also_add_a_wc_notification_recipient( $user_id ) {

	global $wpdb;

	if ( isset( $_POST['username'] ) ) { // triggered by my front-end form (Ninja Form). Your field name may be different
	$doublee_recipient_name = sanitize_text_field( stripslashes( $_POST['username'] ) );

doubleedesign / wc-add-product-descriptions-to-order-emails.php

Created July 4, 2017 14:35

Function to add a list of item descriptions to WooCommerce order confirmation emails

	<?php
	// Add item descriptions to order confirmation emails
	function doublee_add_purchase_details($order_id) {
	echo '<h2>Item details</h2>';
	echo '<ul>';
	$order = wc_get_order($order_id);
	foreach ($order->get_items() as $item) {
	$product_id = $item['product_id'];
	$product = get_post($product_id);
	echo '<li>';

doubleedesign / select-referrer-option.js

Created October 3, 2017 23:25

Add classes to selectbox options that should theoretically match possible referring URL slugs; get the referring URL and select the option that matches. Being used to choose a WooCommerce variation relevant to the grouped product that the user came from.

	jQuery(document).ready(function() {

	var referrer = document.referrer;
	var urlArray = referrer.split('/');
	var referrerSlug = urlArray.slice(-1)[0];

	jQuery("select#location > option").each(function() {
	var label = this.value;
	label = label.replace(/\s+/g, '-').toLowerCase(); //lower case and replace spaces with hyphens
	label = label.replace("'", ""); //strip apostrophes

Leesa Ward doubleedesign