jonathantneal

Font Face

A mixin for writing @font-face rules in SASS.

Usage

Create a font face rule. Embedded OpenType, WOFF2, WOFF, TrueType, and SVG files are automatically sourced.

@include font-face(Samplino, fonts/Samplino);

Bradley-D

// Get The Page ID You Need
get_option( 'woocommerce_shop_page_id' ); 
get_option( 'woocommerce_cart_page_id' ); 
get_option( 'woocommerce_checkout_page_id' );
get_option( 'woocommerce_pay_page_id' ); 
get_option( 'woocommerce_thanks_page_id' ); 
get_option( 'woocommerce_myaccount_page_id' ); 
get_option( 'woocommerce_edit_address_page_id' ); 
get_option( 'woocommerce_view_order_page_id' ); 
get_option( 'woocommerce_terms_page_id' ); 

vlandham

Here's a little walkthrough of how Yannick and I are using feature branches and pull requests to develop new features and adding them to the project. Below are the steps I take when working on a new feature. Hopefully this, along with watching the process on Github, will serve as a starting point to having everyone use a similar workflow.

Questions, comments, and suggestions for improvements welcome!

Start with the latest on master

When starting a new feature, I make sure to start with the latest and greatest codebase:

git checkout master

DevinWalker

/**
 * Optimize WooCommerce Scripts
 * Remove WooCommerce Generator tag, styles, and scripts from non WooCommerce pages.
 */
add_action( 'wp_enqueue_scripts', 'child_manage_woocommerce_styles', 99 );

function child_manage_woocommerce_styles() {
	//remove generator meta tag
	remove_action( 'wp_head', array( $GLOBALS['woocommerce'], 'generator' ) );

Daniel217D

function get_filtered_price() {
	global $wpdb;

	$args       = wc()->query->get_main_query();

	$tax_query  = isset( $args->tax_query->queries ) ? $args->tax_query->queries : array();
	$meta_query = isset( $args->query_vars['meta_query'] ) ? $args->query_vars['meta_query'] : array();

	foreach ( $meta_query + $tax_query as $key => $query ) {
		if ( ! empty( $query['price_filter'] ) || ! empty( $query['rating_filter'] ) ) {

satya164

@mixin quantity-query($selector, $type, $amount, $max: null) {
    @if $type == at-least {
        #{$selector}:nth-last-child(n+#{$amount}),
        #{$selector}:nth-last-child(n+#{$amount}) ~ #{$selector} { @content; }
    } @else if $type == at-most {
        #{$selector}:nth-last-child(-n+#{$amount}):first-child,
        #{$selector}:nth-last-child(-n+#{$amount}):first-child ~ #{$selector} { @content; }
    } @else if $type == between {
        @if type-of($max) != "number" {
            @error "Max value must be a number for quantity-query.";

brianmacarthur

var express = require('express');
var cookieParser = require('cookie-parser');
var session = require('express-session');
var flash = require('express-flash');
var handlebars = require('express-handlebars')

var app = express();
var sessionStore = new session.MemoryStore;

// View Engines

mikejolley

/**
 * Add the field to the checkout
 **/
add_action('woocommerce_after_order_notes', 'my_custom_checkout_field');

function my_custom_checkout_field( $checkout ) {
	
	echo '<div id="my_custom_checkout_field"><h3>'.__('My Field').'</h3>';
				
	/**

drawcard

So, you know how to override a template file in Woocommerce using Sage, but you're having trouble changing something within the deeper level of that template file. For example, you want to change the output HTML structure of a given part of the product page loop, or incorporate a Bootstrap class into a button element without using Jquery to inject it. Here's how you can override deeper level parts, the default WC theme elements.

Prerequisites

• Check out the info on how template overriding works in Woocommerce before you begin.
• Also check out how to set up Sage Templates & Woocommerce
• Install Roots Wrapper Toolbar to preserve your sanity!

Now you're familiar with how to do Sage + Woocommerce templates, it's time to make it happen.

The template page override

FWeinb

(function($){
  $.fn.cache = function (key, create, use){
      var data = this.data(key);
      if (!data){
         data = create();
         this.data(key, data);
      }
      return use(data);
    };
})(jQuery);