This plugin wraps your Woocommerce views in the Twitter's Bootstrap Grid. Makes your views full responsive.
| Author: | Bass Jobsen (profile at wordpress.org) |
| WordPress version required: | 3.6 |
| WordPress version tested: | 3.9 |
| Plugin version: | 1.3.2 |
| Added to WordPress repository: | 26-08-2013 |
| Last updated: | 10-02-2014
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
|
| Rating, %: | 80 |
| Rated by: | 4 |
| Plugin URI: | https://github.com/bassjobsen/woocommerce-twi... |
| Total downloads: | 6 633 |
| Active installs: | 100+ |
 Click to start download |
|
This plugin wraps your Woocommerce views in the Twitter's Bootstrap Grid. Makes your views full responsive. No changes to your theme or other plugins needed.
Twitter's Bootstrap versionSelect you Twitter's Boostrap version in the settings Panel. You could choose between version 2 and 3.0.
Number of columns (Shop page)Choose the number of columns in the Shop Page. This will be result in the grids shown below:
/* the grid display */ /* | columns | mobile | tablet | desktop |per page | ----------------------------------------------------|-----------| | 1 | 1 | 1 | 1 | 10 | |---------------------------------------------------|-----------| | 2 | 1 | 2 | 2 | 10 | |---------------------------------------------------|-----------| | 3 | 1 | 1 | 3 | 9 | |---------------------------------------------------|-----------| | 4 | 1 | 2 | 4 | 12 | |---------------------------------------------------|-----------| | 5 | n/a | n/a | n/a | n/a | |---------------------------------------------------|-----------| | 6 | 2 | 4 | 6 | 12 | |---------------------------------------------------|-----------| | >=6 | n/a | n/a | n/a | n/a | |---------------------------------------------------------------| * * */ /* the grid display Twitter's Bootstrap 2.x*/ /* | columns | mobile / tablet| desktop |per page | ------------------------------------------------------| | 1 | 1 | 1 | 10 | |-----------------------------------------------------| | 2 | 1 | 2 | 10 | |-----------------------------------------------------| | 3 | 1 | 3 | 12 | |-----------------------------------------------------| | 4 | 1 | 4 | 12 | |-----------------------------------------------------| | 5 | n/a | n/a | n/a | |-----------------------------------------------------| | 6 | 2 | 4 | 12 | |-----------------------------------------------------| | >=6 | n/a | n/a | n/a | |-----------------------------------------------------| * * */Theme integration
To use this plugin in your themes copy the files to for example {wordpress}/wp-contents/themes/{yourtheme}/vendor/ and add according to this the code below to your functions.php:
if( !function_exists( 'wts' ) ):
function wts()
{
wp_deregister_style ( 'woocommerce-twitterbootstrap');
wp_dequeue_style( 'woocommerce-twitterbootstrap');
wp_register_style ( 'woocommerce-twitterbootstrap', get_stylesheet_directory_uri() . '/vendor/woocommerce-twitterbootstrap/css/woocommerce-twitterboostrap.css', 'woocommerce' );
wp_enqueue_style( 'woocommerce-twitterbootstrap');
}
endif;
add_action( 'wp_enqueue_scripts', 'wts', 200 );
remove_action('admin_menu',array($woocommercetwitterbootstrap,'add_menu'));
add_action('admin_menu','woocommerce_twitterbootstrap_add_menu');
/** * add a menu */
function woocommerce_twitterbootstrap_add_menu()
{
global $woocommercetwitterbootstrap;
add_theme_page('WooCommerce Twitter Bootstrap Settings', 'WooCommerce Bootstrap', 'manage_options', 'woocommerce-twitterbootstrap', array($woocommercetwitterbootstrap, 'plugin_settings_page'));
} // END public function add_menu()
If you have suggestions for a new feature or improvement, feel free to contact us on Twitter. Alternatively, you can fork the plugin from Github.