Zulfikar Nore WPDevHQ
WPDevHQ
/ _base.scss
Created
March 19, 2016 02:36
— forked from yratof/_base.scss
WooCommerce Checkout for Mobile
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @media only screen and (max-width: 760px) { | |
| .woocommerce-cart #content .woocommerce table.shop_table td, | |
| .woocommerce-cart #content .woocommerce-page table.shop_table td, | |
| .woocommerce-checkout #content .woocommerce table.shop_table td, | |
| .woocommerce-checkout #content .woocommerce-page table.shop_table td { | |
| padding: 3px 0; | |
| border-top: 0; | |
| } |
WPDevHQ
/ woo-custom-redirect
Created
August 6, 2016 23:00
— forked from anant1811/woo-custom-redirect
Woocommerce - custom redirection on checkout
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //*Add custom redirection | |
| add_action( 'template_redirect', 'wc_custom_redirect_after_purchase' ); | |
| function wc_custom_redirect_after_purchase() { | |
| global $wp; | |
| if ( is_checkout() && ! empty( $wp->query_vars['order-received'] ) ) { | |
| wp_redirect( 'http://mysite.com/thank-you-for-your-order/' ); | |
| exit; | |
| } | |
| } |
WPDevHQ
/ 0_reuse_code.js
Created
August 10, 2016 05:51
Here are some things you can do with Gists in GistBox.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Use Gists to store code you would like to remember later on | |
| console.log(window); // log the "window" object to the console |
WPDevHQ
/ font-awesome.php
Created
August 23, 2016 11:27
— forked from justintadlock/font-awesome.php
PHP array of Font Awesome icons.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| // Font Awesome v. 4.6. | |
| function jt_get_font_icons() { | |
| return array( | |
| 'fa-glass' => 'f000', | |
| 'fa-music' => 'f001', | |
| 'fa-search' => 'f002', | |
| 'fa-envelope-o' => 'f003', |
WPDevHQ
/ foreach
Created
September 2, 2016 11:19
— forked from dsgnr/foreach
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| foreach (dirname((__FILE__)) as $filename) { | |
| $path = plugin_dir_pathdirname(dirname(__FILE__)) . 'includes/partials/' . $filename; | |
| if (is_file($path)) { | |
| require $path; | |
| } | |
| } |
WPDevHQ
/ iaf-plugin.php
Created
October 8, 2016 12:40
— forked from nickdgreen/iaf-plugin.php
liveEstimatePHPCode.php creates a form to collect inputs from a client and then calculates the estimated courier charge based on the type of vehicle and the distance using UK post codes. iaf-plugin.php appears to create a widget (i.e. it appears in the widget menu) but when added to a page nothing is dispalyed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <form action="#formend" method="post"><input name="submited" type="hidden" value="true" /> | |
| <table border="0" width="450px"> | |
| <tbody> | |
| <tr> | |
| <td width="200px">Collection Postcode:</td> | |
| <td width="250px"><input name="fromCode" size="10" type="text" value="" /></td> | |
| </tr> | |
| <tr> | |
| <td>Destination Postcode:</td> | |
| <td><input name="toCode" size="10" type="text" value="" /></td> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // if you're tired of excerpts cutting in half, here it is, the perfect solution | |
| // that shortens your excerpt to full sentences in your characters limit. | |
| <?php | |
| function perfect_excerpt( $length ) { | |
| $excerpt = get_the_excerpt($post->ID); | |
| $short_excerpt = substr($excerpt, 0, $length); | |
| // look for the last period | |
| $finishline = strrpos( $short_excerpt, '.'); | |
WPDevHQ
/ WooCommerce: How To Get WooCommerce Page IDs
Created
December 30, 2016 01:38
— forked from Bradley-D/WooCommerce: How To Get WooCommerce Page IDs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // 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' ); |
WPDevHQ
/ WooCommerce: Add hover on product thumb to main product image
Created
December 30, 2016 01:42
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Add to a js file in your theme/child theme or create a new js file. If you create a new file, remember to enqueue from functions.php. See example below. | |
| // Adds thumbnail hover to main product img | |
| jQuery(document).ready(function($) { | |
| // Get the main WC image as a variable | |
| var wcih_main_imgage = $( 'a.woocommerce-main-image' ).attr( 'href' ); | |
| // This is what will happen when you hover a product thumb | |
| $(".thumbnails a").hover( | |
| // Swap out the main image with the thumb | |
| function(){ |
WPDevHQ
/ style.css
Created
December 31, 2016 00:18
On single product page, default WooCommerce css use equal width for product image (left) and product summary (right). In a custom project, sometimes you want to make product summary width bigger, for example 73% for your product summary and 23% for your product image. You only need to put this CSS code to the bottom of style.css file in your chi…
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * single product page layout * | |
| * 23% (image) + 4% (spacing) + 73% (summary) = 100% * | |
| **/ | |
| /* modify product image width */ | |
| .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images { | |
| width: 23%; | |
| } | |
| /* modify product summary width */ | |
| .woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary { |
OlderNewer