Ocean Product Sharing - Version 1.0.2.3

Version Description

  • Tweak: Responsive buttons style improved.
Download this release

Release Info

Developer oceanwp
Plugin Icon 128x128 Ocean Product Sharing
Version 1.0.2.3
Comparing to
See all releases

Code changes from version 1.0.2.2 to 1.0.2.3

Files changed (5) hide show
  1. assets/css/style.css +53 -6
  2. assets/css/style.min.css +1 -1
  3. assets/css/style.scss +27 -4
  4. ocean-product-sharing.php +3 -3
  5. readme.txt +4 -1
assets/css/style.css CHANGED
@@ -10,9 +10,8 @@
10
  float: none;
11
  }
12
  .woocommerce div.product .product-share ul li {
13
- display: inline-block;
14
- float: none;
15
- width: 24%;
16
  padding: 20px 30px;
17
  border-style: solid;
18
  border-color: #e9e9e9;
@@ -82,6 +81,20 @@
82
  width: calc(80% - 50px);
83
  }
84
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
85
  /*------------------------------------*
86
  Responsive
87
  *------------------------------------*/
@@ -107,16 +120,50 @@
107
  *------------------------------------*/
108
  @media only screen and (max-width: 767px) {
109
  .woocommerce div.product .product-share ul li {
110
- width: 100%;
111
  padding: 20px 0;
112
  border-right-width: 0;
113
- border-bottom-width: 1px;
114
- border-left-width: 0;
115
  }
116
  .woocommerce div.product .product-share ul li:last-child {
117
  border-bottom-width: 0;
118
  }
 
 
 
 
 
 
119
  .woocommerce div.product .product-share ul li a {
120
  display: inline-block;
121
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
122
  }
10
  float: none;
11
  }
12
  .woocommerce div.product .product-share ul li {
13
+ float: left;
14
+ width: 25%;
 
15
  padding: 20px 30px;
16
  border-style: solid;
17
  border-color: #e9e9e9;
81
  width: calc(80% - 50px);
82
  }
83
 
84
+ /* RTL */
85
+ .rtl.woocommerce div.product .product-share ul li {
86
+ float: right;
87
+ }
88
+
89
+ .rtl.woocommerce div.product .product-share ul li {
90
+ border-right-width: 0;
91
+ border-left-width: 1px;
92
+ }
93
+
94
+ .rtl.woocommerce div.product .product-share ul li:last-child {
95
+ border-left-width: 0;
96
+ }
97
+
98
  /*------------------------------------*
99
  Responsive
100
  *------------------------------------*/
120
  *------------------------------------*/
121
  @media only screen and (max-width: 767px) {
122
  .woocommerce div.product .product-share ul li {
123
+ width: 50%;
124
  padding: 20px 0;
125
  border-right-width: 0;
 
 
126
  }
127
  .woocommerce div.product .product-share ul li:last-child {
128
  border-bottom-width: 0;
129
  }
130
+ .woocommerce div.product .product-share ul li:nth-child(-n+2) {
131
+ border-bottom-width: 1px;
132
+ }
133
+ .woocommerce div.product .product-share ul li:nth-child(2n+1) {
134
+ border-right-width: 1px;
135
+ }
136
  .woocommerce div.product .product-share ul li a {
137
  display: inline-block;
138
  }
139
+ .rtl.woocommerce div.product .product-share ul li {
140
+ border-left-width: 0;
141
+ }
142
+ .rtl.woocommerce div.product .product-share ul li:nth-child(2n+1) {
143
+ border-right-width: 0;
144
+ border-left-width: 1px;
145
+ }
146
+ }
147
+
148
+ /*------------------------------------*
149
+ Small Phone
150
+ *------------------------------------*/
151
+ @media only screen and (max-width: 320px) {
152
+ .woocommerce div.product .product-share ul li {
153
+ width: 100%;
154
+ border-top-width: 1px;
155
+ }
156
+ .woocommerce div.product .product-share ul li:first-child {
157
+ border-top-width: 0;
158
+ }
159
+ .woocommerce div.product .product-share ul li:nth-child(-n+2) {
160
+ border-bottom-width: 0;
161
+ }
162
+ .woocommerce div.product .product-share ul li:nth-child(2n+1) {
163
+ border-right-width: 0;
164
+ }
165
+ .rtl.woocommerce div.product .product-share ul li:nth-child(2n+1) {
166
+ border-right-width: 0;
167
+ border-left-width: 0;
168
+ }
169
  }
assets/css/style.min.css CHANGED
@@ -1 +1 @@
1
- .woocommerce div.product .product-share{display:block;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;margin-top:70px;padding:0;text-align:center}.woocommerce div.product .product-share ul{float:none}.woocommerce div.product .product-share ul li{display:inline-block;float:none;width:24%;border-right-width:1px;border-style:solid;border-color:#e9e9e9;padding:20px 30px}.woocommerce div.product .product-share ul li:last-child{border-right:0}.woocommerce div.product .product-share ul li a{display:block;border:0;width:auto;height:auto;font-size:13px;line-height:1.5;margin:0 !important;border-radius:0}.woocommerce div.product .product-share ul li a .fa{display:inline-block;background-color:#333;color:#fff;width:40px;height:40px;line-height:40px;font-size:16px;border-radius:50%;vertical-align:middle;-webkit-transition:all .3s ease;transition:all .3s ease}.woocommerce div.product .product-share ul li a .product-share-text{display:inline-block;vertical-align:middle;padding:0 0 0 10px;width:-webkit-calc(100% - 50px);width:calc(100% - 50px)}.woocommerce div.product .product-share ul li.twitter a:hover{color:#00aced}.woocommerce div.product .product-share ul li.twitter a:hover .fa{background-color:#00aced}.woocommerce div.product .product-share ul li.facebook a:hover{color:#3b5998}.woocommerce div.product .product-share ul li.facebook a:hover .fa{background-color:#3b5998}.woocommerce div.product .product-share ul li.pinterest a:hover{color:#cb2027}.woocommerce div.product .product-share ul li.pinterest a:hover .fa{background-color:#cb2027}.woocommerce div.product .product-share ul li.email a:hover{color:#3fc387}.woocommerce div.product .product-share ul li.email a:hover .fa{background-color:#3fc387}.content-full-width.woocommerce div.product .product-share ul li a .product-share-text,.content-full-screen.woocommerce div.product .product-share ul li a .product-share-text{width:-webkit-calc(80% - 50px);width:calc(80% - 50px)}@media only screen and (max-width: 1280px){.woocommerce div.product .product-share ul li{padding:20px 12px}.woocommerce div.product .product-share ul li a .fa{display:block;margin:0 auto 12px auto}.woocommerce div.product .product-share ul li a .product-share-text,.content-full-width.woocommerce div.product .product-share ul li a .product-share-text,.content-full-screen.woocommerce div.product .product-share ul li a .product-share-text{display:block;padding:0;width:auto}}@media only screen and (max-width: 767px){.woocommerce div.product .product-share ul li{width:100%;border-right-width:0;border-left-width:0;border-bottom-width:1px;padding:20px 0}.woocommerce div.product .product-share ul li:last-child{border-bottom-width:0}.woocommerce div.product .product-share ul li a{display:inline-block}}
1
+ .woocommerce div.product .product-share{display:block;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;margin-top:70px;padding:0;text-align:center}.woocommerce div.product .product-share ul{float:none}.woocommerce div.product .product-share ul li{float:left;width:25%;border-right-width:1px;border-style:solid;border-color:#e9e9e9;padding:20px 30px}.woocommerce div.product .product-share ul li:last-child{border-right:0}.woocommerce div.product .product-share ul li a{display:block;border:0;width:auto;height:auto;font-size:13px;line-height:1.5;margin:0 !important;border-radius:0}.woocommerce div.product .product-share ul li a .fa{display:inline-block;background-color:#333;color:#fff;width:40px;height:40px;line-height:40px;font-size:16px;border-radius:50%;vertical-align:middle;-webkit-transition:all .3s ease;transition:all .3s ease}.woocommerce div.product .product-share ul li a .product-share-text{display:inline-block;vertical-align:middle;padding:0 0 0 10px;width:-webkit-calc(100% - 50px);width:calc(100% - 50px)}.woocommerce div.product .product-share ul li.twitter a:hover{color:#00aced}.woocommerce div.product .product-share ul li.twitter a:hover .fa{background-color:#00aced}.woocommerce div.product .product-share ul li.facebook a:hover{color:#3b5998}.woocommerce div.product .product-share ul li.facebook a:hover .fa{background-color:#3b5998}.woocommerce div.product .product-share ul li.pinterest a:hover{color:#cb2027}.woocommerce div.product .product-share ul li.pinterest a:hover .fa{background-color:#cb2027}.woocommerce div.product .product-share ul li.email a:hover{color:#3fc387}.woocommerce div.product .product-share ul li.email a:hover .fa{background-color:#3fc387}.content-full-width.woocommerce div.product .product-share ul li a .product-share-text,.content-full-screen.woocommerce div.product .product-share ul li a .product-share-text{width:-webkit-calc(80% - 50px);width:calc(80% - 50px)}.rtl.woocommerce div.product .product-share ul li{float:right}.rtl.woocommerce div.product .product-share ul li{border-left-width:1px;border-right-width:0}.rtl.woocommerce div.product .product-share ul li:last-child{border-left-width:0}@media only screen and (max-width: 1280px){.woocommerce div.product .product-share ul li{padding:20px 12px}.woocommerce div.product .product-share ul li a .fa{display:block;margin:0 auto 12px auto}.woocommerce div.product .product-share ul li a .product-share-text,.content-full-width.woocommerce div.product .product-share ul li a .product-share-text,.content-full-screen.woocommerce div.product .product-share ul li a .product-share-text{display:block;padding:0;width:auto}}@media only screen and (max-width: 767px){.woocommerce div.product .product-share ul li{width:50%;border-right-width:0;padding:20px 0}.woocommerce div.product .product-share ul li:last-child{border-bottom-width:0}.woocommerce div.product .product-share ul li:nth-child(-n+2){border-bottom-width:1px}.woocommerce div.product .product-share ul li:nth-child(2n+1){border-right-width:1px}.woocommerce div.product .product-share ul li a{display:inline-block}.rtl.woocommerce div.product .product-share ul li{border-left-width:0}.rtl.woocommerce div.product .product-share ul li:nth-child(2n+1){border-left-width:1px;border-right-width:0}}@media only screen and (max-width: 320px){.woocommerce div.product .product-share ul li{width:100%;border-top-width:1px}.woocommerce div.product .product-share ul li:first-child{border-top-width:0}.woocommerce div.product .product-share ul li:nth-child(-n+2){border-bottom-width:0}.woocommerce div.product .product-share ul li:nth-child(2n+1){border-right-width:0}.rtl.woocommerce div.product .product-share ul li:nth-child(2n+1){border-left-width:0;border-right-width:0}}
assets/css/style.scss CHANGED
@@ -10,9 +10,8 @@
10
  float: none;
11
 
12
  li {
13
- display: inline-block;
14
- float: none;
15
- width: 24%;
16
  border-right-width: 1px;
17
  border-style: solid;
18
  border-color: #e9e9e9;
@@ -93,6 +92,11 @@
93
  width: calc(80% - 50px);
94
  }
95
 
 
 
 
 
 
96
  /*------------------------------------*
97
  Responsive
98
  *------------------------------------*/
@@ -111,8 +115,27 @@
111
  *------------------------------------*/
112
  @media only screen and (max-width: 767px) {
113
 
114
- .woocommerce div.product .product-share ul li { width: 100%; border-right-width: 0; border-left-width: 0; border-bottom-width: 1px; padding: 20px 0; }
115
  .woocommerce div.product .product-share ul li:last-child { border-bottom-width: 0; }
 
 
116
  .woocommerce div.product .product-share ul li a { display: inline-block; }
117
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
118
  }
10
  float: none;
11
 
12
  li {
13
+ float: left;
14
+ width: 25%;
 
15
  border-right-width: 1px;
16
  border-style: solid;
17
  border-color: #e9e9e9;
92
  width: calc(80% - 50px);
93
  }
94
 
95
+ /* RTL */
96
+ .rtl.woocommerce div.product .product-share ul li { float: right; }
97
+ .rtl.woocommerce div.product .product-share ul li { border-left-width: 1px; border-right-width: 0; }
98
+ .rtl.woocommerce div.product .product-share ul li:last-child { border-left-width: 0; }
99
+
100
  /*------------------------------------*
101
  Responsive
102
  *------------------------------------*/
115
  *------------------------------------*/
116
  @media only screen and (max-width: 767px) {
117
 
118
+ .woocommerce div.product .product-share ul li { width: 50%; border-right-width: 0; padding: 20px 0; }
119
  .woocommerce div.product .product-share ul li:last-child { border-bottom-width: 0; }
120
+ .woocommerce div.product .product-share ul li:nth-child(-n+2) { border-bottom-width: 1px; }
121
+ .woocommerce div.product .product-share ul li:nth-child(2n+1) { border-right-width: 1px; }
122
  .woocommerce div.product .product-share ul li a { display: inline-block; }
123
 
124
+ .rtl.woocommerce div.product .product-share ul li { border-left-width: 0; }
125
+ .rtl.woocommerce div.product .product-share ul li:nth-child(2n+1) { border-left-width: 1px; border-right-width: 0; }
126
+
127
+ }
128
+
129
+ /*------------------------------------*
130
+ Small Phone
131
+ *------------------------------------*/
132
+ @media only screen and (max-width: 320px) {
133
+
134
+ .woocommerce div.product .product-share ul li { width: 100%; border-top-width: 1px; }
135
+ .woocommerce div.product .product-share ul li:first-child { border-top-width: 0; }
136
+ .woocommerce div.product .product-share ul li:nth-child(-n+2) { border-bottom-width: 0; }
137
+ .woocommerce div.product .product-share ul li:nth-child(2n+1) { border-right-width: 0; }
138
+
139
+ .rtl.woocommerce div.product .product-share ul li:nth-child(2n+1) { border-left-width: 0; border-right-width: 0; }
140
+
141
  }
ocean-product-sharing.php CHANGED
@@ -3,11 +3,11 @@
3
  * Plugin Name: Ocean Product Sharing
4
  * Plugin URI: https://oceanwp.org/extension/ocean-product-sharing/
5
  * Description: A simple plugin to add social share buttons to your product page.
6
- * Version: 1.0.2.2
7
  * Author: OceanWP
8
  * Author URI: https://oceanwp.org/
9
  * Requires at least: 4.0.0
10
- * Tested up to: 4.7.2
11
  *
12
  * Text Domain: ocean-product-sharing
13
  * Domain Path: /languages/
@@ -86,7 +86,7 @@ final class Ocean_Product_Sharing {
86
  $this->token = 'ocean-product-sharing';
87
  $this->plugin_url = plugin_dir_url( __FILE__ );
88
  $this->plugin_path = plugin_dir_path( __FILE__ );
89
- $this->version = '1.0.2.2';
90
 
91
  register_activation_hook( __FILE__, array( $this, 'install' ) );
92
 
3
  * Plugin Name: Ocean Product Sharing
4
  * Plugin URI: https://oceanwp.org/extension/ocean-product-sharing/
5
  * Description: A simple plugin to add social share buttons to your product page.
6
+ * Version: 1.0.2.3
7
  * Author: OceanWP
8
  * Author URI: https://oceanwp.org/
9
  * Requires at least: 4.0.0
10
+ * Tested up to: 4.8
11
  *
12
  * Text Domain: ocean-product-sharing
13
  * Domain Path: /languages/
86
  $this->token = 'ocean-product-sharing';
87
  $this->plugin_url = plugin_dir_url( __FILE__ );
88
  $this->plugin_path = plugin_dir_path( __FILE__ );
89
+ $this->version = '1.0.2.3';
90
 
91
  register_activation_hook( __FILE__, array( $this, 'install' ) );
92
 
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: oceanwp
3
  Tags: social, social sharing, social share product, share product, oceanwp
4
  Requires at least: 4.0
5
  Tested up to: 4.8
6
- Stable tag: 1.0.2.2
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -31,6 +31,9 @@ This plugin will only work with the [OceanWP](https://oceanwp.org/) theme.
31
 
32
  == Changelog ==
33
 
 
 
 
34
  = 1.0.2.2 =
35
  - Fixed: Issue with Facebook sharing url.
36
  - Added: HTTPS for the Twitter and Facebook sharing links.
3
  Tags: social, social sharing, social share product, share product, oceanwp
4
  Requires at least: 4.0
5
  Tested up to: 4.8
6
+ Stable tag: 1.0.2.3
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
31
 
32
  == Changelog ==
33
 
34
+ = 1.0.2.3 =
35
+ - Tweak: Responsive buttons style improved.
36
+
37
  = 1.0.2.2 =
38
  - Fixed: Issue with Facebook sharing url.
39
  - Added: HTTPS for the Twitter and Facebook sharing links.