Code

Stat-filled URL

<?php the_permalink($post->ID); ?>?utm_medium=referral&utm_content=spotlight&utm_source=gmgblog

Code

SBI Instagram Feed CSS

/*----------------------------------------------------------------------------
	
	SBI INSTAGRAM FEED
		
----------------------------------------------------------------------------*/

#sb_instagram .sbi_type_carousel .fa-clone {
  display: none !important;
}

@media (max-width: 768px) {
	#sb_instagram #sbi_images .sbi_item {
    width: 25% !important;
  }
	#sb_instagram #sbi_images .sbi_item:nth-child(5), #sb_instagram #sbi_images .sbi_item:nth-child(6), #sb_instagram #sbi_images .sbi_item:nth-child(7), #sb_instagram #sbi_images .sbi_item:nth-child(8) {
    display: none !important;
	}
}

@media (max-width: 650px) {
	#sb_instagram #sbi_images .sbi_item {
    width: 33.33% !important;
  }
	#sb_instagram #sbi_images .sbi_item:nth-child(4) {
    display: none !important;
	}
}

Code

Shopstyle API Link

http://www.shopstyle.com/api/v2/lists/51092156/rss?pid=uid996-6148614-40&title=Gal%20Meets%20Glam&description=Products%20from%20Gal%20Meets%20Glam&link=http%3A%2F%______.com%2Fmailchimp-feed-shopstyle-collective%2F

Code

Redirect rule for Year+Month URL to Post Name

Source:  ^/([0-9]{4})/([0-9]{2})/(.*)
Destination:  /$3

Code

Create a Custom Widget in WordPress

if (function_exists('register_sidebar')) {
     register_sidebar(array(
         'name' => 'Subscribe Pop-up Wording',
         'id' => 'subscribe-popup',
         'description' => 'This is the content for the subscribe pop-up',
         'before_widget' => '
',         'after_widget' => '
',
         'before_title' => '',         'after_title' => '
'
     ));
 }

<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Subscribe Pop-up') ) : endif; ?>

Code

Fix Stubborn Favicon

Have a favicon that won’t change? Right click on your website and click ‘View Page Source’, then Command + F to search for rel=”icon”.

See how many there are and find the ones that are last. Rename and replace the images in the uploads folder.

Code

Redirect Shopify Homepage

{% unless template != 'index' %} <script> window.location.replace( 'your_url' ); </script> {% endunless %}

Code

How to stop a video on click

$(this).closest('___').find('iframe').attr('src', $('iframe').attr('src'));

Code

When to use .on()

When you add elements to the dom, and then want click handlers on them, you have to add it to a dom element that was already there on page load.

$('.product-description').on('click', '.toggle-shipping', function(e) {
e.preventDefault();
$(this).closest('.shipping-origin').find('.content').slideToggle();
$(this).closest('.shipping-origin').toggleClass('active');
});

Since shipping origin and the toggle-shipping link was added after the fact in jQuery, you have to basically call the js .on() handler. Meaning that it’s going to watch the product-description for any .toggle-shipping element added to it and then run that click event.

Code

Redirect Single Pages of a Custom Post Type to a Custom Field URL

# REDIRECT SINGLE SHOP PRODUCTS TO AFFILIATE URL
while ( have_posts() ) : the_post();
header('Location: ' . get_field('link'));
exit;
endwhile;

Code

Activate code on browser resize and not just manual refresh

$( window ).resize(function() {});

Code

Take out .html and redirect

Source: ^/(.+).html/?$
Destination: ____.com/$1

Code

Adding Affirm Payments

<div id="more-information">
<p class="affirm-as-low-as" data-page-type="product" data-amount="{{ current_variant.price | money_without_currency | remove: '.' | remove: ',' }}"></p>
</div>

Code

Delete All Featured Images for Posts

global $wpdb;
$wpdb->query( "
DELETE FROM $wpdb->postmeta 
WHERE meta_key = '_thumbnail_id'
" );

Code

Make Video Fluid / Responsive

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

Code

Remove Tasty Pins Hover

/*-------------------------------------------------------------------------------------
 Remove Tasty Pins hover
 -------------------------------------------------------------------------------------*/
 /**
 Disable Tasty Pins Pinterest image hover button.
 */
 remove_action( 'wp_head', array( 'Tasty_Pins\Frontend', 'action_wp_head_print_pinit_js' ) ); 

Code

Add Class when Div is in View

$('.site-footer').on('inview', function(event, isInView) {
	if (isInView) {
	  // element is now visible in the viewport
	  $('body').addClass('footer-visible');
	} else {
	  // element has gone out of viewport
          $('body').removeClass('footer-visible');
	}
});

Code — Scrolling

Add Class when Element hits top of browser

var homepageNav = $('.homepage-wrap');

if (homepageNav.length) {
   var homepageNavOffset = homepageNav.offset().top - 70;

   if ( docScroll >= homepageNavOffset ) {
	$('.homepage-wrap').addClass('tan');
   } else {
	$('.homepage-wrap').removeClass('tan');
   }
}