Razworks

Razworks, LLC

razworks

Woocommerce Free Shipping default selection

by

When entering a coupon code for Free Shipping, the Free shipping option is not selected by default. A quick solution is to add a function that disables all other shipping options, leaving Free Shipping as the only available option.

Add this snippet to your functions file. It hides everything but free_shipping if it’s available and is compatible with Shipping Zones.

/**
* Hide shipping rates when free shipping is available.
* Updated to support WooCommerce 2.6 Shipping Zones.
*
* @param array $rates Array of rates found for the package.
* @return array
*/
function my_hide_shipping_when_free_is_available( $rates ) {
$free = array();
foreach ( $rates as $rate_id => $rate ) {
if ( 'free_shipping' === $rate->method_id ) {
$free[ $rate_id ] = $rate;
break;
}
}
return ! empty( $free ) ? $free : $rates;
}
add_filter( 'woocommerce_package_rates', 'my_hide_shipping_when_free_is_available', 100 );

iOS specific CSS

by

To target iOS specific devices:

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
}

@supports not (-webkit-overflow-scrolling: touch) {
  /* CSS for other than iOS devices */ 
}

It works because only Safari Mobile implements -webkit-overflow-scrolling: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling

I used this because a WordPress Genesis responsive menu had some icon alignment discrepancies on iPhone only.
Here is the example in a media Query:

/*** IOS mobile icon adjustments ***/
	@supports (-webkit-overflow-scrolling: touch) {
		/* CSS specific to iOS devices */ 
		.genesis-nav-menu.responsive-menu .menu-item-has-children li {
			position: relative;	
		}
		.genesis-nav-menu.responsive-menu .menu-item-has-children > a {
			margin-right: 0;
		}
		
		.genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
			content: "\f347";
			position:absolute;
			left:80%;
			float: none;
			font: normal 16px/1 'dashicons';
			height: 16px;
			padding: 15px 20px;
			right: 0;
			text-align: right;
			z-index: 9999;
			color:#fff;
		}
		
		.genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
			content: "\f343";
		}
		.genesis-nav-menu.responsive-menu li a {
			font-size:30px;
			font-size:3.0rem;
		}

	  }

 

Gravity Forms Google Analytics tracking in Tag Manager

by

Step 1:

Create a formID datalayer variable

tag-manager-gravity-forms-formid-datalayer-variable
tag-manager-gravity-forms-formid-datalayer-variable

Step 2:

Create custom HTML tag, to push Gravity Forms into the datalayer:

tag-manager-gravity-forms-html-tag-datalayer-push
tag-manager-gravity-forms-html-tag-datalayer-push
<script type="text/javascript">
 jQuery(document).ready(function() {
   jQuery(document).bind("gform_confirmation_loaded", function(event, formID) {
     window.dataLayer = window.dataLayer || [];
     window.dataLayer.push({
       event: "formSubmission",
       formID: formID
     });
   });
 });
</script>

Step 3:

Create Trigger for Gravity Forms:

tag-manager-gravity-forms-trigger

Step 4:

Create Form Event Tag:

tag-manager-gravity-forms-tag-event
tag-manager-gravity-forms-tag-event

Outstanding Volunteer Award

by

outstanding-volunteer/

Michael Rassel was presented with the “Outstanding Adult Volunteer Award” by Sarasota County, for volunteering weekly as an elementary school chess coach in 2008-2011.

About Razworks

by

Razworks is a company founded Michael Rassel in Sarasota, FL in  2002. Michael is a 3D animator and web/game programmer, originally hailing from Minneapolis, MN. As a realtime 3D developer in New York City, Michael worked on web 3D projects for clients such as Sony, Nike, and IBM. Michael managed a team that won a Comminator award for a Hewlett Packard web 3D application.

Dedicated to serving family and the local community, Michael was recognized with Sarasota County’s “Outstanding Adult Volunteer Award”, for volunteering weekly as an elementary school chess coach in 2008-2011. And he continues serving in 2018 as a volunteer coach for U19 recreational soccer in the FCSarasota soccer league.

CSS Clearfix with Pseudo Selector

by

Opposed to adding an “Empty Div” or  “Overflow” to clear floats, you can use the CSS pseudo selector (:after) to clear floats.

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

 

Woocommerce Logged in Only

by

Restrict Woocommerce pages to logged in usesrs only:

/****************** Logged in Only *************************/
function woo_loggedin_redirect() {
 if (
 ! is_user_logged_in()
 && (is_woocommerce() || is_cart() || is_checkout())
 ) {
 // feel free to customize the following line to suit your needs
 wp_redirect(home_url());
 exit;
 }
}
add_action('woo-loggedin_redirect', 'woo_loggedin_redirect');

 

Repsonsive Video embed

by

This is the standard CSS for making video embeds responsive.

The CSS

<style>
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>

The iframe wrapper

<div class="video-container">
<iframe width="1280" height="720" src="https://www.youtube.com/embed/GY25hkrZyZA?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>

 

Add robots meta tag to specific page

by

This method is for the Genesis framework, applied in the functions.php file

// Add Robots Meta
add_action( 'genesis_meta', 'raz_robots_meta_tag' );
function raz_robots_meta_tag() {
   if ( is_page('page title')) {  
       echo '<meta name="robots" content="noindex,nofollow">';
   }
}