Ocean Product Sharing - Version 1.0.2.1

Version Description

  • Responsive problem on full width layout fixed.
Download this release

Release Info

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

Code changes from version 1.0.2 to 1.0.2.1

Files changed (5) hide show
  1. assets/css/style.css +108 -79
  2. assets/css/style.min.css +1 -1
  3. assets/css/style.scss +3 -1
  4. ocean-product-sharing.php +2 -2
  5. readme.txt +5 -1
assets/css/style.css CHANGED
@@ -1,93 +1,122 @@
1
  .woocommerce div.product .product-share {
2
- display: block;
3
- border-top: 1px solid #e9e9e9;
4
- border-bottom: 1px solid #e9e9e9;
5
- margin-top: 70px;
6
- padding: 0;
7
- text-align: center; }
8
- .woocommerce div.product .product-share ul {
9
- float: none; }
10
- .woocommerce div.product .product-share ul li {
11
- display: inline-block;
12
- float: none;
13
- width: 24%;
14
- border-right-width: 1px;
15
- border-style: solid;
16
- border-color: #e9e9e9;
17
- padding: 20px 30px; }
18
- .woocommerce div.product .product-share ul li:last-child {
19
- border-right: 0; }
20
- .woocommerce div.product .product-share ul li a {
21
- display: block;
22
- border: 0;
23
- width: auto;
24
- height: auto;
25
- font-size: 13px;
26
- line-height: 1.5;
27
- margin: 0 !important;
28
- border-radius: 0; }
29
- .woocommerce div.product .product-share ul li a .fa {
30
- display: inline-block;
31
- background-color: #333;
32
- color: #fff;
33
- width: 40px;
34
- height: 40px;
35
- line-height: 40px;
36
- font-size: 16px;
37
- border-radius: 50%;
38
- vertical-align: middle;
39
- transition: all .3s ease; }
40
- .woocommerce div.product .product-share ul li a .product-share-text {
41
- display: inline-block;
42
- vertical-align: middle;
43
- padding: 0 0 0 10px;
44
- width: calc(100% - 50px); }
45
- .woocommerce div.product .product-share ul li.twitter a:hover {
46
- color: #00aced; }
47
- .woocommerce div.product .product-share ul li.twitter a:hover .fa {
48
- background-color: #00aced; }
49
- .woocommerce div.product .product-share ul li.facebook a:hover {
50
- color: #3b5998; }
51
- .woocommerce div.product .product-share ul li.facebook a:hover .fa {
52
- background-color: #3b5998; }
53
- .woocommerce div.product .product-share ul li.pinterest a:hover {
54
- color: #cb2027; }
55
- .woocommerce div.product .product-share ul li.pinterest a:hover .fa {
56
- background-color: #cb2027; }
57
- .woocommerce div.product .product-share ul li.email a:hover {
58
- color: #3fc387; }
59
- .woocommerce div.product .product-share ul li.email a:hover .fa {
60
- background-color: #3fc387; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
61
 
62
  .content-full-width.woocommerce div.product .product-share ul li a .product-share-text,
63
  .content-full-screen.woocommerce div.product .product-share ul li a .product-share-text {
64
- width: calc(80% - 50px); }
 
 
65
 
66
  /*------------------------------------*
67
  Responsive
68
  *------------------------------------*/
69
  @media only screen and (max-width: 1280px) {
70
- .woocommerce div.product .product-share ul li {
71
- padding: 20px 12px; }
72
- .woocommerce div.product .product-share ul li a .fa {
73
- display: block;
74
- margin: 0 auto 12px auto; }
75
- .woocommerce div.product .product-share ul li a .product-share-text {
76
- display: block;
77
- padding: 0;
78
- width: auto; } }
 
 
 
 
 
 
79
 
80
  /*------------------------------------*
81
  Phone Portrait and Landscape
82
  *------------------------------------*/
83
  @media only screen and (max-width: 767px) {
84
- .woocommerce div.product .product-share ul li {
85
- width: 100%;
86
- border-right-width: 0;
87
- border-left-width: 0;
88
- border-bottom-width: 1px;
89
- padding: 20px 0; }
90
- .woocommerce div.product .product-share ul li:last-child {
91
- border-bottom-width: 0; }
92
- .woocommerce div.product .product-share ul li a {
93
- display: inline-block; } }
 
 
 
 
1
  .woocommerce div.product .product-share {
2
+ display: block;
3
+ margin-top: 70px;
4
+ padding: 0;
5
+ text-align: center;
6
+ border-top: 1px solid #e9e9e9;
7
+ border-bottom: 1px solid #e9e9e9;
8
+ }
9
+ .woocommerce div.product .product-share ul {
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;
19
+ border-right-width: 1px;
20
+ }
21
+ .woocommerce div.product .product-share ul li:last-child {
22
+ border-right: 0;
23
+ }
24
+ .woocommerce div.product .product-share ul li a {
25
+ font-size: 13px;
26
+ line-height: 1.5;
27
+ display: block;
28
+ width: auto;
29
+ height: auto;
30
+ margin: 0 !important;
31
+ border: 0;
32
+ border-radius: 0;
33
+ }
34
+ .woocommerce div.product .product-share ul li a .fa {
35
+ font-size: 16px;
36
+ line-height: 40px;
37
+ display: inline-block;
38
+ width: 40px;
39
+ height: 40px;
40
+ -webkit-transition: all .3s ease;
41
+ transition: all .3s ease;
42
+ vertical-align: middle;
43
+ color: #fff;
44
+ border-radius: 50%;
45
+ background-color: #333;
46
+ }
47
+ .woocommerce div.product .product-share ul li a .product-share-text {
48
+ display: inline-block;
49
+ width: -webkit-calc(100% - 50px);
50
+ width: calc(100% - 50px);
51
+ padding: 0 0 0 10px;
52
+ vertical-align: middle;
53
+ }
54
+ .woocommerce div.product .product-share ul li.twitter a:hover {
55
+ color: #00aced;
56
+ }
57
+ .woocommerce div.product .product-share ul li.twitter a:hover .fa {
58
+ background-color: #00aced;
59
+ }
60
+ .woocommerce div.product .product-share ul li.facebook a:hover {
61
+ color: #3b5998;
62
+ }
63
+ .woocommerce div.product .product-share ul li.facebook a:hover .fa {
64
+ background-color: #3b5998;
65
+ }
66
+ .woocommerce div.product .product-share ul li.pinterest a:hover {
67
+ color: #cb2027;
68
+ }
69
+ .woocommerce div.product .product-share ul li.pinterest a:hover .fa {
70
+ background-color: #cb2027;
71
+ }
72
+ .woocommerce div.product .product-share ul li.email a:hover {
73
+ color: #3fc387;
74
+ }
75
+ .woocommerce div.product .product-share ul li.email a:hover .fa {
76
+ background-color: #3fc387;
77
+ }
78
 
79
  .content-full-width.woocommerce div.product .product-share ul li a .product-share-text,
80
  .content-full-screen.woocommerce div.product .product-share ul li a .product-share-text {
81
+ width: -webkit-calc(80% - 50px);
82
+ width: calc(80% - 50px);
83
+ }
84
 
85
  /*------------------------------------*
86
  Responsive
87
  *------------------------------------*/
88
  @media only screen and (max-width: 1280px) {
89
+ .woocommerce div.product .product-share ul li {
90
+ padding: 20px 12px;
91
+ }
92
+ .woocommerce div.product .product-share ul li a .fa {
93
+ display: block;
94
+ margin: 0 auto 12px auto;
95
+ }
96
+ .woocommerce div.product .product-share ul li a .product-share-text,
97
+ .content-full-width.woocommerce div.product .product-share ul li a .product-share-text,
98
+ .content-full-screen.woocommerce div.product .product-share ul li a .product-share-text {
99
+ display: block;
100
+ width: auto;
101
+ padding: 0;
102
+ }
103
+ }
104
 
105
  /*------------------------------------*
106
  Phone Portrait and Landscape
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
+ }
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;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: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: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{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{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}}
assets/css/style.scss CHANGED
@@ -100,7 +100,9 @@
100
 
101
  .woocommerce div.product .product-share ul li { padding: 20px 12px; }
102
  .woocommerce div.product .product-share ul li a .fa { display: block; margin: 0 auto 12px auto; }
103
- .woocommerce div.product .product-share ul li a .product-share-text { display: block; padding: 0; width: auto; }
 
 
104
 
105
  }
106
 
100
 
101
  .woocommerce div.product .product-share ul li { padding: 20px 12px; }
102
  .woocommerce div.product .product-share ul li a .fa { display: block; margin: 0 auto 12px auto; }
103
+ .woocommerce div.product .product-share ul li a .product-share-text,
104
+ .content-full-width.woocommerce div.product .product-share ul li a .product-share-text,
105
+ .content-full-screen.woocommerce div.product .product-share ul li a .product-share-text { display: block; padding: 0; width: auto; }
106
 
107
  }
108
 
ocean-product-sharing.php CHANGED
@@ -3,7 +3,7 @@
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
7
  * Author: OceanWP
8
  * Author URI: https://oceanwp.org/
9
  * Requires at least: 4.0.0
@@ -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';
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.1
7
  * Author: OceanWP
8
  * Author URI: https://oceanwp.org/
9
  * Requires at least: 4.0.0
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.1';
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: 3.5
5
  Tested up to: 4.7.2
6
- Stable tag: 1.0.2
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -11,6 +11,7 @@ A simple plugin to add social share buttons to your product page.
11
 
12
  == Description ==
13
 
 
14
  This plugin requires the [OceanWP](https://oceanwp.org/) theme to be installed.
15
 
16
  == Installation ==
@@ -32,6 +33,9 @@ This plugin will only work with the [OceanWP](https://oceanwp.org/) theme.
32
 
33
  == Changelog ==
34
 
 
 
 
35
  = 1.0.2 =
36
  - Issue with styling controls of the customizer fixed.
37
 
3
  Tags: social, social sharing, social share product, share product, oceanwp
4
  Requires at least: 3.5
5
  Tested up to: 4.7.2
6
+ Stable tag: 1.0.2.1
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
11
 
12
  == Description ==
13
 
14
+ A simple plugin to add social share buttons to your product page.
15
  This plugin requires the [OceanWP](https://oceanwp.org/) theme to be installed.
16
 
17
  == Installation ==
33
 
34
  == Changelog ==
35
 
36
+ = 1.0.2.1 =
37
+ - Responsive problem on full width layout fixed.
38
+
39
  = 1.0.2 =
40
  - Issue with styling controls of the customizer fixed.
41