-
Notifications
You must be signed in to change notification settings - Fork 32
/
readme.txt
158 lines (121 loc) · 5.88 KB
/
readme.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
=== WooCommerce Twitter's Bootstrap ===
Contributors: bassjobsen
Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=SNYGRL7YNVYQW
Tags: WooCommerce, Twitter's Bootstrap, responsive
Requires at least: 3.6
Tested up to: 3.9
Stable tag: 1.3.2
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This plugin wraps your Woocommerce views in the Twitter's Bootstrap Grid. Makes your views full responsive.
== Description ==
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 version
---------------------------
Select 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:
<pre>
/* 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 |
|-----------------------------------------------------|
*
*
*/
</pre>
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()
Contribute!
-----------
If you have suggestions for a new feature or improvement, feel free to contact us on [Twitter](http://twitter.com/JamedoWebsites). Alternatively, you can fork the plugin from [Github](https://github.com/bassjobsen/woocommerce-twitterbootstrap).
== Installation ==
1. You can download and install WooCommerce Twitter's Bootstrap using the built in WordPress plugin installer. If you download WooCommerce Twitter's Bootstrap manually, make sure it is uploaded to "/wp-content/plugins/woocommerce-twitterbootstrap/".
1. Activate WooCommerce Twitter's Bootstrap in the "Plugins" admin panel using the "Activate" link.
== Frequently Asked Questions ==
== Frequently Asked Questions ==
= How to Center the product elements on Shop page =
See: [Centering product elements on Shop page](http://www.primathemes.com/documentation/centering-product-elements-on-shop-page/)
== Screenshots ==
1. Settings panel of WooCommerce Twitter's Bootstrap
== Changelog ==
= 1.2 =
* placeholder image
* theme integration
= 1.1 =
* All items in one row with responsive column reset see: http://getbootstrap.com/css/#grid-responsive-resets
* Option to overwrite the template in wp-conten/themes/{yourtheme}/woocommerce-twitterboostrap/
* Shortcode for featured products [featured_products], paremeters: per_page, columns and content_product_template
* Shortcode for recent products [recent_products], paremeters: per_page, columns and content_product_template
* Less code for part of the CSS
* Optional column setting 31, use with shortcodes to get 1 (mobile) 2 (tablet) 3 (desktop)
= 1.0.1 =
* Bootstrap 3.0
* Grids applied to category pages too
= 1.0 =
* First version
== Requirements ==
* [Wordpress](http://wordpress.org/download/) tested with >= 3.6
* [Twitter's Bootstrap](http://getboostrap.com/) >= 3.0.0 (Twitter's Bootstrap 2 tested with v2.3.2.)
* [WooCommerce](http://wordpress.org/plugins/woocommerce/) tested with >= 2.0.13
== Support ==
We are always happy to help you. If you have any question regarding this code. [Send us a message](http://www.jamedowebsites.nl/contact/) or contact us on twitter [@JamedoWebsites](http://twitter.com/JamedoWebsites).
== Todo ==
* Make Cart and Check out pages responsive too