GogulaSivannarayana

How to detect breakpoints in Bootstrap using JavaScript

Responsive Bootstrap Toolkit provides an easy way of breakpoint detection in JavaScript, detecting changes in currently active breakpoint, as well as executing any breakpoint-specific JavaScript code.

A Pen by Maciej Gurban on CodePen.

License.

GogulaSivannarayana

//source: http://www.paulund.co.uk/output-php-data-in-browser-console

<?php
/**
 * Send debug code to the Javascript console
 */ 
function debug_to_console($data) {
    if(is_array($data) || is_object($data))
	{
		echo("<script>console.log('PHP: ".json_encode($data)."');</script>");

GogulaSivannarayana

<?php
  $woo_options = get_option( 'woo_options' );

/*------------------------------------------------------------------------------------

TABLE OF CONTENTS

- Theme Setup
- Woo Conditionals
- Add Google Maps to HEAD

GogulaSivannarayana

<?php


// LOAD THEME SETTINGS

$filename = get_template_directory().'/data.json.php';
$handle = fopen($filename, "r");
$dataRAW = fread($handle, filesize($filename));
fclose($handle);
$dataDECODED = json_decode($dataRAW, true);

GogulaSivannarayana

class WooExclude_Walker_Category extends Walker_Category
{
  /**
	 * Start the element output.
	 *
	 * @see Walker::start_el()
	 *
	 * @since 2.1.0
	 *
	 * @param string $output   Passed by reference. Used to append additional content.

GogulaSivannarayana

<?php
/**
 * WooCommerce Job Packages
 *
 * Learn more: http://codex.wordpress.org/Template_Hierarchy
 *
 * @package Jobify
 * @since Jobify 1.0
 */

GogulaSivannarayana

/******************************************************************
Site Name:
Author:
 
Stylesheet: WooCommerce Layout
 
******************************************************************/
 
.woocommerce, .woocommerce-page {
 

GogulaSivannarayana

<?php
/**
 * Email Order Items
 *
 * @author     	WooThemes
 * @package 	WooCommerce/Templates/Emails
 * @version     2.0.3
 */

if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly

GogulaSivannarayana

.box{
	width: 728px;
	height: 90px;
	padding: 5px;
	display: inline-block;
	-moz-box-shadow: 0 0 8px #8b3d92;
	-webkit-box-shadow: 0 0 8px #8b3d92;
	box-shadow: 0 0 8px #8b3d92;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;