Ocean Product Sharing - Version 1.0.7

Version Description

  • Added: Compatibility with Easy Digital Downloads.
  • Added: Polish translation, thanks to Fin Fafarafiel.
  • Added: Arabic translation, thanks to Mr.NoComment.
Download this release

Release Info

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

Code changes from version 1.0.6 to 1.0.7

assets/css/style.css CHANGED
@@ -1,187 +1,146 @@
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
- display: -webkit-box;
11
- display: -webkit-flex;
12
- display: -ms-flexbox;
13
- display: flex;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
14
 
15
- -webkit-align-items: center;
16
- -ms-flex-align: center;
17
- -webkit-box-align: center;
18
- align-items: center;
19
- -webkit-justify-content: center;
20
- -ms-flex-pack: center;
21
- -webkit-box-pack: center;
22
- justify-content: center;
23
- }
24
- .woocommerce div.product .product-share ul li {
25
- padding: 20px 30px;
26
- border-style: solid;
27
- border-color: #e9e9e9;
28
- border-right-width: 1px;
29
- }
30
- .woocommerce div.product .product-share ul li:last-child {
31
- border-right: 0;
32
- }
33
- .woocommerce div.product .product-share ul li a {
34
- font-size: 13px;
35
- line-height: 1.5;
36
- display: block;
37
- width: auto;
38
- height: auto;
39
- margin: 0 !important;
40
- border: 0;
41
- border-radius: 0;
42
- }
43
- .woocommerce div.product .product-share ul li a .ops-icon-wrap {
44
- font-size: 16px;
45
- line-height: 1;
46
- display: -webkit-inline-flex;
47
- display: -ms-inline-flex;
48
- display: -webkit-inline-box;
49
- display: -ms-inline-flexbox;
50
- display: inline-flex;
51
- width: 40px;
52
- height: 40px;
53
- -webkit-transition: all .3s ease;
54
- transition: all .3s ease;
55
- vertical-align: middle;
56
- border-radius: 50%;
57
- background-color: #333;
58
-
59
- -webkit-align-items: center;
60
- -ms-flex-align: center;
61
- -webkit-box-align: center;
62
- align-items: center;
63
- -webkit-justify-content: center;
64
- -ms-flex-pack: center;
65
- -webkit-box-pack: center;
66
- justify-content: center;
67
- }
68
- .woocommerce div.product .product-share ul li a .ops-icon-wrap .ops-icon {
69
- width: 16px;
70
- height: 16px;
71
-
72
- fill: #fff;
73
- }
74
- .woocommerce div.product .product-share ul li a .product-share-text {
75
- display: inline-block;
76
- width: -webkit-calc(100% - 50px);
77
- width: calc(100% - 50px);
78
- padding: 0 0 0 10px;
79
- vertical-align: middle;
80
- }
81
- .woocommerce div.product .product-share ul li.twitter a:hover {
82
- color: #00aced;
83
- }
84
- .woocommerce div.product .product-share ul li.twitter a:hover .ops-icon-wrap {
85
- background-color: #00aced;
86
- }
87
- .woocommerce div.product .product-share ul li.facebook a:hover {
88
- color: #3b5998;
89
- }
90
- .woocommerce div.product .product-share ul li.facebook a:hover .ops-icon-wrap {
91
- background-color: #3b5998;
92
- }
93
- .woocommerce div.product .product-share ul li.pinterest a:hover {
94
- color: #cb2027;
95
- }
96
- .woocommerce div.product .product-share ul li.pinterest a:hover .ops-icon-wrap {
97
- background-color: #cb2027;
98
- }
99
- .woocommerce div.product .product-share ul li.email a:hover {
100
- color: #3fc387;
101
- }
102
- .woocommerce div.product .product-share ul li.email a:hover .ops-icon-wrap {
103
- background-color: #3fc387;
104
- }
105
-
106
- .content-full-width.woocommerce div.product .product-share ul li a .product-share-text,
107
- .content-full-screen.woocommerce div.product .product-share ul li a .product-share-text {
108
- width: -webkit-calc(80% - 50px);
109
- width: calc(80% - 50px);
110
- }
111
 
112
  /*------------------------------------*
113
  Responsive
114
  *------------------------------------*/
115
  @media only screen and (max-width: 1280px) {
116
- .woocommerce div.product .product-share ul li {
117
- padding: 20px 12px;
118
- }
119
- .woocommerce div.product .product-share ul li a .ops-icon-wrap {
120
- margin: 0 auto 12px auto;
121
- }
122
- .woocommerce div.product .product-share ul li a .product-share-text,
123
- .content-full-width.woocommerce div.product .product-share ul li a .product-share-text,
124
- .content-full-screen.woocommerce div.product .product-share ul li a .product-share-text {
125
- display: block;
126
- width: auto;
127
- padding: 0;
128
- }
129
- }
130
 
131
  /*------------------------------------*
132
  Phone Portrait and Landscape
133
  *------------------------------------*/
134
  @media only screen and (max-width: 767px) {
135
- .woocommerce div.product .product-share ul {
136
- -webkit-flex-wrap: wrap;
137
- -ms-flex-wrap: wrap;
138
- flex-wrap: wrap;
139
- }
140
- .woocommerce div.product .product-share ul li {
141
- width: 50%;
142
- padding: 20px 0;
143
- border-right-width: 0;
144
- }
145
- .woocommerce div.product .product-share ul li:last-child {
146
- border-bottom-width: 0;
147
- }
148
- .woocommerce div.product .product-share ul li:nth-child(-n+2) {
149
- border-bottom-width: 1px;
150
- }
151
- .woocommerce div.product .product-share ul li:nth-child(2n+1) {
152
- border-right-width: 1px;
153
- }
154
- .woocommerce div.product .product-share ul li a {
155
- display: inline-block;
156
- }
157
- .rtl.woocommerce div.product .product-share ul li {
158
- border-left-width: 0;
159
- }
160
- .rtl.woocommerce div.product .product-share ul li:nth-child(2n+1) {
161
- border-right-width: 0;
162
- border-left-width: 1px;
163
- }
164
- }
165
 
166
  /*------------------------------------*
167
  Small Phone
168
  *------------------------------------*/
169
  @media only screen and (max-width: 320px) {
170
- .woocommerce div.product .product-share ul li {
171
- width: 100%;
172
- border-top-width: 1px;
173
- }
174
- .woocommerce div.product .product-share ul li:first-child {
175
- border-top-width: 0;
176
- }
177
- .woocommerce div.product .product-share ul li:nth-child(-n+2) {
178
- border-bottom-width: 0;
179
- }
180
- .woocommerce div.product .product-share ul li:nth-child(2n+1) {
181
- border-right-width: 0;
182
- }
183
- .rtl.woocommerce div.product .product-share ul li:nth-child(2n+1) {
184
- border-right-width: 0;
185
- border-left-width: 0;
186
- }
187
- }
1
+ .oew-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
+ .oew-product-share ul {
9
+ display: -webkit-box;
10
+ display: -webkit-flex;
11
+ display: -ms-flexbox;
12
+ display: flex;
13
+ -webkit-align-items: center;
14
+ -ms-flex-align: center;
15
+ align-items: center;
16
+ -webkit-justify-content: center;
17
+ -ms-flex-pack: center;
18
+ justify-content: center;
19
+ list-style: none;
20
+ margin: 0;
21
+ padding: 0; }
22
+ .oew-product-share ul li {
23
+ border-right-width: 1px;
24
+ border-style: solid;
25
+ border-color: #e9e9e9;
26
+ padding: 20px 30px; }
27
+ .oew-product-share ul li:last-child {
28
+ border-right: 0; }
29
+ .oew-product-share ul li a {
30
+ display: block;
31
+ border: 0;
32
+ width: auto;
33
+ height: auto;
34
+ font-size: 13px;
35
+ line-height: 1.5;
36
+ margin: 0 !important;
37
+ border-radius: 0; }
38
+ .oew-product-share ul li a .ops-icon-wrap {
39
+ display: -webkit-inline-flex;
40
+ display: -ms-inline-flex;
41
+ display: inline-flex;
42
+ -webkit-align-items: center;
43
+ -ms-flex-align: center;
44
+ align-items: center;
45
+ -webkit-justify-content: center;
46
+ -ms-flex-pack: center;
47
+ justify-content: center;
48
+ background-color: #333;
49
+ width: 40px;
50
+ height: 40px;
51
+ line-height: 1;
52
+ font-size: 16px;
53
+ border-radius: 50%;
54
+ vertical-align: middle;
55
+ -webkit-transition: all 0.3s ease;
56
+ -moz-transition: all 0.3s ease;
57
+ -ms-transition: all 0.3s ease;
58
+ -o-transition: all 0.3s ease;
59
+ transition: all 0.3s ease; }
60
+ .oew-product-share ul li a .ops-icon-wrap .ops-icon {
61
+ fill: #fff;
62
+ width: 16px;
63
+ height: 16px; }
64
+ .oew-product-share ul li a .product-share-text {
65
+ display: inline-block;
66
+ vertical-align: middle;
67
+ padding: 0 0 0 10px;
68
+ width: calc(100% - 50px); }
69
+ .oew-product-share ul li.twitter a:hover {
70
+ color: #00aced; }
71
+ .oew-product-share ul li.twitter a:hover .ops-icon-wrap {
72
+ background-color: #00aced; }
73
+ .oew-product-share ul li.facebook a:hover {
74
+ color: #3b5998; }
75
+ .oew-product-share ul li.facebook a:hover .ops-icon-wrap {
76
+ background-color: #3b5998; }
77
+ .oew-product-share ul li.pinterest a:hover {
78
+ color: #cb2027; }
79
+ .oew-product-share ul li.pinterest a:hover .ops-icon-wrap {
80
+ background-color: #cb2027; }
81
+ .oew-product-share ul li.email a:hover {
82
+ color: #3fc387; }
83
+ .oew-product-share ul li.email a:hover .ops-icon-wrap {
84
+ background-color: #3fc387; }
85
 
86
+ .content-full-width .oew-product-share ul li a .product-share-text,
87
+ .content-full-screen .oew-product-share ul li a .product-share-text {
88
+ width: calc(80% - 50px); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
89
 
90
  /*------------------------------------*
91
  Responsive
92
  *------------------------------------*/
93
  @media only screen and (max-width: 1280px) {
94
+ .oew-product-share ul li {
95
+ padding: 20px 12px; }
96
+ .oew-product-share ul li a .ops-icon-wrap {
97
+ margin: 0 auto 12px auto; }
98
+ .oew-product-share ul li a .product-share-text,
99
+ .content-full-width .oew-product-share ul li a .product-share-text,
100
+ .content-full-screen .oew-product-share ul li a .product-share-text {
101
+ display: block;
102
+ padding: 0;
103
+ width: auto; } }
 
 
 
 
104
 
105
  /*------------------------------------*
106
  Phone Portrait and Landscape
107
  *------------------------------------*/
108
  @media only screen and (max-width: 767px) {
109
+ .oew-product-share ul {
110
+ -webkit-flex-wrap: wrap;
111
+ -ms-flex-wrap: wrap;
112
+ flex-wrap: wrap; }
113
+ .oew-product-share ul li {
114
+ width: 50%;
115
+ border-right-width: 0;
116
+ padding: 20px 0; }
117
+ .oew-product-share ul li:last-child {
118
+ border-bottom-width: 0; }
119
+ .oew-product-share ul li:nth-child(-n+2) {
120
+ border-bottom-width: 1px; }
121
+ .oew-product-share ul li:nth-child(2n+1) {
122
+ border-right-width: 1px; }
123
+ .oew-product-share ul li a {
124
+ display: inline-block; }
125
+ .rtl .oew-product-share ul li {
126
+ border-left-width: 0; }
127
+ .rtl .oew-product-share ul li:nth-child(2n+1) {
128
+ border-left-width: 1px;
129
+ border-right-width: 0; } }
 
 
 
 
 
 
 
 
 
130
 
131
  /*------------------------------------*
132
  Small Phone
133
  *------------------------------------*/
134
  @media only screen and (max-width: 320px) {
135
+ .oew-product-share ul li {
136
+ width: 100%;
137
+ border-top-width: 1px; }
138
+ .oew-product-share ul li:first-child {
139
+ border-top-width: 0; }
140
+ .oew-product-share ul li:nth-child(-n+2) {
141
+ border-bottom-width: 0; }
142
+ .oew-product-share ul li:nth-child(2n+1) {
143
+ border-right-width: 0; }
144
+ .rtl .oew-product-share ul li:nth-child(2n+1) {
145
+ border-left-width: 0;
146
+ border-right-width: 0; } }
 
 
 
 
 
 
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{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}.woocommerce div.product .product-share ul li{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 .ops-icon-wrap{display:-webkit-inline-flex;display:-ms-inline-flex;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;background-color:#333;width:40px;height:40px;line-height:1;font-size:16px;border-radius:50%;vertical-align:middle;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.woocommerce div.product .product-share ul li a .ops-icon-wrap .ops-icon{fill:#fff;width:16px;height:16px}.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 .ops-icon-wrap{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 .ops-icon-wrap{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 .ops-icon-wrap{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 .ops-icon-wrap{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 .ops-icon-wrap{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{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.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}}
1
+ .oew-product-share{display:block;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;margin-top:70px;padding:0;text-align:center}.oew-product-share ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;list-style:none;margin:0;padding:0}.oew-product-share ul li{border-right-width:1px;border-style:solid;border-color:#e9e9e9;padding:20px 30px}.oew-product-share ul li:last-child{border-right:0}.oew-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}.oew-product-share ul li a .ops-icon-wrap{display:-webkit-inline-flex;display:-ms-inline-flex;display:inline-flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#333;width:40px;height:40px;line-height:1;font-size:16px;border-radius:50%;vertical-align:middle;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.oew-product-share ul li a .ops-icon-wrap .ops-icon{fill:#fff;width:16px;height:16px}.oew-product-share ul li a .product-share-text{display:inline-block;vertical-align:middle;padding:0 0 0 10px;width:calc(100% - 50px)}.oew-product-share ul li.twitter a:hover{color:#00aced}.oew-product-share ul li.twitter a:hover .ops-icon-wrap{background-color:#00aced}.oew-product-share ul li.facebook a:hover{color:#3b5998}.oew-product-share ul li.facebook a:hover .ops-icon-wrap{background-color:#3b5998}.oew-product-share ul li.pinterest a:hover{color:#cb2027}.oew-product-share ul li.pinterest a:hover .ops-icon-wrap{background-color:#cb2027}.oew-product-share ul li.email a:hover{color:#3fc387}.oew-product-share ul li.email a:hover .ops-icon-wrap{background-color:#3fc387}.content-full-width .oew-product-share ul li a .product-share-text,.content-full-screen .oew-product-share ul li a .product-share-text{width:calc(80% - 50px)}@media only screen and (max-width: 1280px){.oew-product-share ul li{padding:20px 12px}.oew-product-share ul li a .ops-icon-wrap{margin:0 auto 12px auto}.oew-product-share ul li a .product-share-text,.content-full-width .oew-product-share ul li a .product-share-text,.content-full-screen .oew-product-share ul li a .product-share-text{display:block;padding:0;width:auto}}@media only screen and (max-width: 767px){.oew-product-share ul{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.oew-product-share ul li{width:50%;border-right-width:0;padding:20px 0}.oew-product-share ul li:last-child{border-bottom-width:0}.oew-product-share ul li:nth-child(-n+2){border-bottom-width:1px}.oew-product-share ul li:nth-child(2n+1){border-right-width:1px}.oew-product-share ul li a{display:inline-block}.rtl .oew-product-share ul li{border-left-width:0}.rtl .oew-product-share ul li:nth-child(2n+1){border-left-width:1px;border-right-width:0}}@media only screen and (max-width: 320px){.oew-product-share ul li{width:100%;border-top-width:1px}.oew-product-share ul li:first-child{border-top-width:0}.oew-product-share ul li:nth-child(-n+2){border-bottom-width:0}.oew-product-share ul li:nth-child(2n+1){border-right-width:0}.rtl .oew-product-share ul li:nth-child(2n+1){border-left-width:0;border-right-width:0}}
assets/css/style.scss CHANGED
@@ -43,7 +43,7 @@
43
  transition: $args;
44
  }
45
 
46
- .woocommerce div.product .product-share {
47
  display: block;
48
  border-top: 1px solid #e9e9e9;
49
  border-bottom: 1px solid #e9e9e9;
@@ -55,6 +55,9 @@
55
  @include display-flex();
56
  @include align-items( center );
57
  @include justify-content( center );
 
 
 
58
 
59
  li {
60
  border-right-width: 1px;
@@ -139,8 +142,8 @@
139
  }
140
  }
141
 
142
- .content-full-width.woocommerce div.product .product-share ul li a .product-share-text,
143
- .content-full-screen.woocommerce div.product .product-share ul li a .product-share-text {
144
  width: calc(80% - 50px);
145
  }
146
 
@@ -149,11 +152,11 @@
149
  *------------------------------------*/
150
  @media only screen and (max-width: 1280px) {
151
 
152
- .woocommerce div.product .product-share ul li { padding: 20px 12px; }
153
- .woocommerce div.product .product-share ul li a .ops-icon-wrap { margin: 0 auto 12px auto; }
154
- .woocommerce div.product .product-share ul li a .product-share-text,
155
- .content-full-width.woocommerce div.product .product-share ul li a .product-share-text,
156
- .content-full-screen.woocommerce div.product .product-share ul li a .product-share-text { display: block; padding: 0; width: auto; }
157
 
158
  }
159
 
@@ -162,15 +165,15 @@
162
  *------------------------------------*/
163
  @media only screen and (max-width: 767px) {
164
 
165
- .woocommerce div.product .product-share ul { @include flex-wrap( wrap ); }
166
- .woocommerce div.product .product-share ul li { width: 50%; border-right-width: 0; padding: 20px 0; }
167
- .woocommerce div.product .product-share ul li:last-child { border-bottom-width: 0; }
168
- .woocommerce div.product .product-share ul li:nth-child(-n+2) { border-bottom-width: 1px; }
169
- .woocommerce div.product .product-share ul li:nth-child(2n+1) { border-right-width: 1px; }
170
- .woocommerce div.product .product-share ul li a { display: inline-block; }
171
 
172
- .rtl.woocommerce div.product .product-share ul li { border-left-width: 0; }
173
- .rtl.woocommerce div.product .product-share ul li:nth-child(2n+1) { border-left-width: 1px; border-right-width: 0; }
174
 
175
  }
176
 
@@ -179,11 +182,11 @@
179
  *------------------------------------*/
180
  @media only screen and (max-width: 320px) {
181
 
182
- .woocommerce div.product .product-share ul li { width: 100%; border-top-width: 1px; }
183
- .woocommerce div.product .product-share ul li:first-child { border-top-width: 0; }
184
- .woocommerce div.product .product-share ul li:nth-child(-n+2) { border-bottom-width: 0; }
185
- .woocommerce div.product .product-share ul li:nth-child(2n+1) { border-right-width: 0; }
186
 
187
- .rtl.woocommerce div.product .product-share ul li:nth-child(2n+1) { border-left-width: 0; border-right-width: 0; }
188
 
189
  }
43
  transition: $args;
44
  }
45
 
46
+ .oew-product-share {
47
  display: block;
48
  border-top: 1px solid #e9e9e9;
49
  border-bottom: 1px solid #e9e9e9;
55
  @include display-flex();
56
  @include align-items( center );
57
  @include justify-content( center );
58
+ list-style: none;
59
+ margin: 0;
60
+ padding: 0;
61
 
62
  li {
63
  border-right-width: 1px;
142
  }
143
  }
144
 
145
+ .content-full-width .oew-product-share ul li a .product-share-text,
146
+ .content-full-screen .oew-product-share ul li a .product-share-text {
147
  width: calc(80% - 50px);
148
  }
149
 
152
  *------------------------------------*/
153
  @media only screen and (max-width: 1280px) {
154
 
155
+ .oew-product-share ul li { padding: 20px 12px; }
156
+ .oew-product-share ul li a .ops-icon-wrap { margin: 0 auto 12px auto; }
157
+ .oew-product-share ul li a .product-share-text,
158
+ .content-full-width .oew-product-share ul li a .product-share-text,
159
+ .content-full-screen .oew-product-share ul li a .product-share-text { display: block; padding: 0; width: auto; }
160
 
161
  }
162
 
165
  *------------------------------------*/
166
  @media only screen and (max-width: 767px) {
167
 
168
+ .oew-product-share ul { @include flex-wrap( wrap ); }
169
+ .oew-product-share ul li { width: 50%; border-right-width: 0; padding: 20px 0; }
170
+ .oew-product-share ul li:last-child { border-bottom-width: 0; }
171
+ .oew-product-share ul li:nth-child(-n+2) { border-bottom-width: 1px; }
172
+ .oew-product-share ul li:nth-child(2n+1) { border-right-width: 1px; }
173
+ .oew-product-share ul li a { display: inline-block; }
174
 
175
+ .rtl .oew-product-share ul li { border-left-width: 0; }
176
+ .rtl .oew-product-share ul li:nth-child(2n+1) { border-left-width: 1px; border-right-width: 0; }
177
 
178
  }
179
 
182
  *------------------------------------*/
183
  @media only screen and (max-width: 320px) {
184
 
185
+ .oew-product-share ul li { width: 100%; border-top-width: 1px; }
186
+ .oew-product-share ul li:first-child { border-top-width: 0; }
187
+ .oew-product-share ul li:nth-child(-n+2) { border-bottom-width: 0; }
188
+ .oew-product-share ul li:nth-child(2n+1) { border-right-width: 0; }
189
 
190
+ .rtl .oew-product-share ul li:nth-child(2n+1) { border-left-width: 0; border-right-width: 0; }
191
 
192
  }
assets/js/customizer.js CHANGED
@@ -7,17 +7,17 @@
7
  ( function( $ ) {
8
  wp.customize( 'ops_product_sharing_borders_color', function( value ) {
9
  value.bind( function( to ) {
10
- $( '.woocommerce div.product .product-share,.woocommerce div.product .product-share ul li' ).css( 'border-color', to );
11
  } );
12
  } );
13
  wp.customize( 'ops_product_sharing_icons_bg', function( value ) {
14
  value.bind( function( to ) {
15
- $( '.woocommerce div.product .product-share ul li a .ops-icon-wrap' ).css( 'background-color', to );
16
  } );
17
  } );
18
  wp.customize( 'ops_product_sharing_icons_color', function( value ) {
19
  value.bind( function( to ) {
20
- $( '.woocommerce div.product .product-share ul li a .ops-icon-wrap .ops-icon' ).css( 'color', to );
21
  } );
22
  } );
23
  } )( jQuery );
7
  ( function( $ ) {
8
  wp.customize( 'ops_product_sharing_borders_color', function( value ) {
9
  value.bind( function( to ) {
10
+ $( '.oew-product-share,.oew-product-share ul li' ).css( 'border-color', to );
11
  } );
12
  } );
13
  wp.customize( 'ops_product_sharing_icons_bg', function( value ) {
14
  value.bind( function( to ) {
15
+ $( '.oew-product-share ul li a .ops-icon-wrap' ).css( 'background-color', to );
16
  } );
17
  } );
18
  wp.customize( 'ops_product_sharing_icons_color', function( value ) {
19
  value.bind( function( to ) {
20
+ $( '.oew-product-share ul li a .ops-icon-wrap .ops-icon' ).css( 'color', to );
21
  } );
22
  } );
23
  } )( jQuery );
assets/js/customizer.min.js CHANGED
@@ -1 +1 @@
1
- !function(a){wp.customize("ops_product_sharing_borders_color",function(b){b.bind(function(b){a(".woocommerce div.product .product-share,.woocommerce div.product .product-share ul li").css("border-color",b)})}),wp.customize("ops_product_sharing_icons_bg",function(b){b.bind(function(b){a(".woocommerce div.product .product-share ul li a .ops-icon-wrap").css("background-color",b)})}),wp.customize("ops_product_sharing_icons_color",function(b){b.bind(function(b){a(".woocommerce div.product .product-share ul li a .ops-icon-wrap .ops-icon").css("color",b)})})}(jQuery);
1
+ !function(a){wp.customize("ops_product_sharing_borders_color",function(b){b.bind(function(b){a(".oew-product-share,.oew-product-share ul li").css("border-color",b)})}),wp.customize("ops_product_sharing_icons_bg",function(b){b.bind(function(b){a(".oew-product-share ul li a .ops-icon-wrap").css("background-color",b)})}),wp.customize("ops_product_sharing_icons_color",function(b){b.bind(function(b){a(".oew-product-share ul li a .ops-icon-wrap .ops-icon").css("color",b)})})}(jQuery);
languages/ocean-product-sharing-ar.mo ADDED
Binary file
languages/ocean-product-sharing-ar.po ADDED
@@ -0,0 +1,65 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ # Copyright (C) 2016
2
+ # This file is distributed under the same license as the package.
3
+ msgid ""
4
+ msgstr ""
5
+ "Project-Id-Version: \n"
6
+ "Report-Msgid-Bugs-To: https://wordpress.org/support/theme/style\n"
7
+ "POT-Creation-Date: 2016-10-10 21:18:27+00:00\n"
8
+ "MIME-Version: 1.0\n"
9
+ "Content-Type: text/plain; charset=UTF-8\n"
10
+ "Content-Transfer-Encoding: 8bit\n"
11
+ "PO-Revision-Date: 2018-01-30 15:47-0700\n"
12
+ "Language-Team: OceanWP\n"
13
+ "X-Generator: Poedit 2.0.6\n"
14
+ "Plural-Forms: nplurals=6; plural=(n==0 ? 0 : n==1 ? 1 : n==2 ? 2 : n%100>=3 && n%100<=10 ? 3 : n%100>=11 && n%100<=99 ? 4 : 5);\n"
15
+ "X-Poedit-Basepath: ..\n"
16
+ "X-Poedit-SourceCharset: utf-8\n"
17
+ "X-Poedit-KeywordsList: _esc_attr__;esc_attr_x;esc_attr_e;esc_html__;esc_html_e;esc_html_x;__;_e;__ngettext:1,2;_n:1,2;__ngettext_noop:1,2;_n_noop:1,2;_c;_nc:4c,1,2;_x:1,2c;_ex:1,2c;_nx:4c,1,2;_nx_noop:4c,1,2\n"
18
+ "X-Textdomain-Support: yes\n"
19
+ "Last-Translator: \n"
20
+ "Language: ar\n"
21
+ "X-Poedit-SearchPath-0: .\n"
22
+
23
+ #: ocean-product-sharing.php:132 ocean-product-sharing.php:141
24
+ msgid "Cheatin&#8217; huh?"
25
+ msgstr "غير مصرح لك بالوصول!؟"
26
+
27
+ #: ocean-product-sharing.php:194
28
+ msgid "Ocean Product Sharing requires that you use ocean as your parent theme."
29
+ msgstr "يجب استخدام Ocean كقالب رئيسي لإستخدام هذه الإضافة."
30
+
31
+ #: ocean-product-sharing.php:194
32
+ msgid "Install Ocean Now"
33
+ msgstr "تثبيت Ocean الآن"
34
+
35
+ #: ocean-product-sharing.php:208
36
+ msgid "Product Sharing"
37
+ msgstr "مشاركة المنتج"
38
+
39
+ #: ocean-product-sharing.php:222
40
+ msgid "Borders Color"
41
+ msgstr "لون الحدود"
42
+
43
+ #: ocean-product-sharing.php:238
44
+ msgid "Icons Background Color"
45
+ msgstr "لون خلفية الأيقونات"
46
+
47
+ #: ocean-product-sharing.php:254
48
+ msgid "Icons Color"
49
+ msgstr "لون الأيقونات"
50
+
51
+ #: template/product-share.php:25
52
+ msgid "Tweet This Product"
53
+ msgstr "المشاركة عبر تويتر"
54
+
55
+ #: template/product-share.php:32
56
+ msgid "Share on Facebook"
57
+ msgstr "المشاركة عبر فيسبوك"
58
+
59
+ #: template/product-share.php:39
60
+ msgid "Pin This Product"
61
+ msgstr "المشاركة عبر بينتريست"
62
+
63
+ #: template/product-share.php:46
64
+ msgid "Mail This Product"
65
+ msgstr "المشاركة عبر البريد الإلكتروني"
languages/ocean-product-sharing-pl_PL.mo ADDED
Binary file
languages/ocean-product-sharing-pl_PL.po ADDED
@@ -0,0 +1,65 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ # Copyright (C) 2016
2
+ # This file is distributed under the same license as the package.
3
+ msgid ""
4
+ msgstr ""
5
+ "Project-Id-Version: \n"
6
+ "Report-Msgid-Bugs-To: https://wordpress.org/support/theme/style\n"
7
+ "POT-Creation-Date: 2016-10-10 21:18:27+00:00\n"
8
+ "MIME-Version: 1.0\n"
9
+ "Content-Type: text/plain; charset=UTF-8\n"
10
+ "Content-Transfer-Encoding: 8bit\n"
11
+ "PO-Revision-Date: 2018-04-10 12:36+0200\n"
12
+ "Language-Team: OceanWP\n"
13
+ "X-Generator: Poedit 2.0.6\n"
14
+ "Plural-Forms: nplurals=3; plural=(n==1 ? 0 : n%10>=2 && n%10<=4 && (n%100<10 || n%100>=20) ? 1 : 2);\n"
15
+ "X-Poedit-Basepath: ..\n"
16
+ "X-Poedit-SourceCharset: utf-8\n"
17
+ "X-Poedit-KeywordsList: _esc_attr__;esc_attr_x;esc_attr_e;esc_html__;esc_html_e;esc_html_x;__;_e;__ngettext:1,2;_n:1,2;__ngettext_noop:1,2;_n_noop:1,2;_c;_nc:4c,1,2;_x:1,2c;_ex:1,2c;_nx:4c,1,2;_nx_noop:4c,1,2\n"
18
+ "X-Textdomain-Support: yes\n"
19
+ "Last-Translator: \n"
20
+ "Language: pl_PL\n"
21
+ "X-Poedit-SearchPath-0: .\n"
22
+
23
+ #: ocean-product-sharing.php:132 ocean-product-sharing.php:141
24
+ msgid "Cheatin&#8217; huh?"
25
+ msgstr "Oszukujemy&#8217; co?"
26
+
27
+ #: ocean-product-sharing.php:194
28
+ msgid "Ocean Product Sharing requires that you use ocean as your parent theme."
29
+ msgstr "Udostępnianie produktu OceanWP wymaga żebyś używał OceanWP jako głównego motywu."
30
+
31
+ #: ocean-product-sharing.php:194
32
+ msgid "Install Ocean Now"
33
+ msgstr "Zainstaluj OceanWP"
34
+
35
+ #: ocean-product-sharing.php:208
36
+ msgid "Product Sharing"
37
+ msgstr "Udostępnianie programu"
38
+
39
+ #: ocean-product-sharing.php:222
40
+ msgid "Borders Color"
41
+ msgstr "Kolor obramowania"
42
+
43
+ #: ocean-product-sharing.php:238
44
+ msgid "Icons Background Color"
45
+ msgstr "Kolor tła ikon"
46
+
47
+ #: ocean-product-sharing.php:254
48
+ msgid "Icons Color"
49
+ msgstr "Kolor ikon"
50
+
51
+ #: template/product-share.php:25
52
+ msgid "Tweet This Product"
53
+ msgstr "Publikuj na Tweeter'ze"
54
+
55
+ #: template/product-share.php:32
56
+ msgid "Share on Facebook"
57
+ msgstr "Udostępnij na Facebook'u"
58
+
59
+ #: template/product-share.php:39
60
+ msgid "Pin This Product"
61
+ msgstr "Zapisz na Pinterest"
62
+
63
+ #: template/product-share.php:46
64
+ msgid "Mail This Product"
65
+ msgstr "Wyślij mailem"
ocean-product-sharing.php CHANGED
@@ -2,12 +2,12 @@
2
  /**
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.6
7
  * Author: OceanWP
8
  * Author URI: https://oceanwp.org/
9
  * Requires at least: 4.5.0
10
- * Tested up to: 4.9.4
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.6';
90
 
91
  register_activation_hook( __FILE__, array( $this, 'install' ) );
92
 
@@ -175,6 +175,7 @@ final class Ocean_Product_Sharing {
175
  add_action( 'customize_preview_init', array( $this, 'ops_customize_preview_js' ) );
176
  add_action( 'wp_enqueue_scripts', array( $this, 'ops_get_style' ), 999 );
177
  add_action( 'woocommerce_after_single_product_summary', array( $this, 'ops_product_share' ) );
 
178
  add_filter( 'ocean_head_css', array( $this, 'ops_head_css' ) );
179
  }
180
  }
@@ -323,22 +324,22 @@ final class Ocean_Product_Sharing {
323
 
324
  // Add borders color
325
  if ( ! empty( $product_sharing_borders ) && '#e9e9e9' != $product_sharing_borders ) {
326
- $css .= '.woocommerce div.product .product-share,.woocommerce div.product .product-share ul li{border-color:'. $product_sharing_borders .';}';
327
  }
328
 
329
  // Add icon background
330
  if ( ! empty( $product_sharing_icons_bg ) && '#333333' != $product_sharing_icons_bg ) {
331
- $css .= '.woocommerce div.product .product-share ul li a .ops-icon-wrap{background-color:'. $product_sharing_icons_bg .';}';
332
  }
333
 
334
  // Add icon color
335
  if ( ! empty( $product_sharing_icons_color ) && '#ffffff' != $product_sharing_icons_color ) {
336
- $css .= '.woocommerce div.product .product-share ul li a .ops-icon-wrap .ops-icon{color:'. $product_sharing_icons_color .';}';
337
  }
338
 
339
  // Return CSS
340
  if ( ! empty( $css ) ) {
341
- $output .= '/* Extra CSS */'. $css;
342
  }
343
 
344
  // Return output css
2
  /**
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, compatible with WooCommerce and Easy Digital Downloads.
6
+ * Version: 1.0.7
7
  * Author: OceanWP
8
  * Author URI: https://oceanwp.org/
9
  * Requires at least: 4.5.0
10
+ * Tested up to: 5.0
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.7';
90
 
91
  register_activation_hook( __FILE__, array( $this, 'install' ) );
92
 
175
  add_action( 'customize_preview_init', array( $this, 'ops_customize_preview_js' ) );
176
  add_action( 'wp_enqueue_scripts', array( $this, 'ops_get_style' ), 999 );
177
  add_action( 'woocommerce_after_single_product_summary', array( $this, 'ops_product_share' ) );
178
+ add_action( 'ocean_after_single_download_item', array( $this, 'ops_product_share' ) );
179
  add_filter( 'ocean_head_css', array( $this, 'ops_head_css' ) );
180
  }
181
  }
324
 
325
  // Add borders color
326
  if ( ! empty( $product_sharing_borders ) && '#e9e9e9' != $product_sharing_borders ) {
327
+ $css .= '.oew-product-share,.oew-product-share ul li{border-color:'. $product_sharing_borders .';}';
328
  }
329
 
330
  // Add icon background
331
  if ( ! empty( $product_sharing_icons_bg ) && '#333333' != $product_sharing_icons_bg ) {
332
+ $css .= '.oew-product-share ul li a .ops-icon-wrap{background-color:'. $product_sharing_icons_bg .';}';
333
  }
334
 
335
  // Add icon color
336
  if ( ! empty( $product_sharing_icons_color ) && '#ffffff' != $product_sharing_icons_color ) {
337
+ $css .= '.oew-product-share ul li a .ops-icon-wrap .ops-icon{color:'. $product_sharing_icons_color .';}';
338
  }
339
 
340
  // Return CSS
341
  if ( ! empty( $css ) ) {
342
+ $output .= $css;
343
  }
344
 
345
  // Return output css
readme.txt CHANGED
@@ -2,14 +2,14 @@
2
  Contributors: oceanwp
3
  Tags: social, social sharing, social share product, share product, oceanwp
4
  Requires at least: 4.5
5
- Tested up to: 4.9.4
6
- Stable tag: 1.0.6
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
10
  == Description ==
11
 
12
- A simple plugin to add social share buttons to your product page.
13
  This plugin requires the [OceanWP](https://oceanwp.org/) theme to be installed.
14
 
15
  == Installation ==
@@ -31,6 +31,11 @@ This plugin will only work with the [OceanWP](https://oceanwp.org/) theme.
31
 
32
  == Changelog ==
33
 
 
 
 
 
 
34
  = 1.0.6 =
35
  - Added: Estonian translation, thanks to Janek Tuttar.
36
 
2
  Contributors: oceanwp
3
  Tags: social, social sharing, social share product, share product, oceanwp
4
  Requires at least: 4.5
5
+ Tested up to: 5.0
6
+ Stable tag: 1.0.7
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
10
  == Description ==
11
 
12
+ A simple plugin to add social share buttons to your product page, compatible with WooCommerce and Easy Digital Downloads.
13
  This plugin requires the [OceanWP](https://oceanwp.org/) theme to be installed.
14
 
15
  == Installation ==
31
 
32
  == Changelog ==
33
 
34
+ = 1.0.7 =
35
+ - Added: Compatibility with Easy Digital Downloads.
36
+ - Added: Polish translation, thanks to Fin Fafarafiel.
37
+ - Added: Arabic translation, thanks to Mr.NoComment.
38
+
39
  = 1.0.6 =
40
  - Added: Estonian translation, thanks to Janek Tuttar.
41
 
template/product-share.php CHANGED
@@ -23,7 +23,7 @@ $product_title = get_the_title();
23
  $product_url = get_permalink();
24
  $product_img = wp_get_attachment_url( get_post_thumbnail_id() ); ?>
25
 
26
- <div class="product-share clr">
27
 
28
  <ul class="ocean-social-share clr">
29
 
@@ -35,7 +35,7 @@ $product_img = wp_get_attachment_url( get_post_thumbnail_id() ); ?>
35
  if ( 'twitter' == $site ) { ?>
36
 
37
  <li class="twitter">
38
- <a href="https://twitter.com/intent/tweet?status=<?php echo rawurlencode( $product_title ); ?>+<?php echo esc_url( $product_url ); ?>" target="_blank" onclick="ops_onClick( this.href );return false;">
39
  <span class="ops-icon-wrap">
40
  <svg class="ops-icon" aria-labelledby="ops-twitter-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
41
  <path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/>
@@ -66,7 +66,7 @@ $product_img = wp_get_attachment_url( get_post_thumbnail_id() ); ?>
66
  if ( 'pinterest' == $site ) { ?>
67
 
68
  <li class="pinterest">
69
- <a href="https://www.pinterest.com/pin/create/button/?url=<?php echo rawurlencode( esc_url( $product_url ) ); ?>&amp;media=<?php echo wp_get_attachment_url( get_post_thumbnail_id() ); ?>&amp;description=<?php echo rawurlencode( $product_title ); ?>" target="_blank" onclick="ops_onClick( this.href );return false;">
70
  <span class="ops-icon-wrap">
71
  <svg class="ops-icon" aria-labelledby="ops-pinterest-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
72
  <path d="M13.757,17.343c-1.487,0-2.886-0.804-3.365-1.717c0,0-0.8,3.173-0.969,3.785
@@ -88,7 +88,7 @@ $product_img = wp_get_attachment_url( get_post_thumbnail_id() ); ?>
88
  if ( 'email' == $site ) { ?>
89
 
90
  <li class="email">
91
- <a href="mailto:?subject=<?php echo rawurlencode( $product_title ); ?>&amp;body=<?php echo esc_url( $product_url ); ?>" target="_blank" onclick="ops_onClick( this.href );return false;">
92
  <span class="ops-icon-wrap">
93
  <svg class="ops-icon" aria-labelledby="ops-email-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
94
  <path d="M23.674,3.741c-0.338-0.495-0.907-0.823-1.549-0.823H1.876c-0.629,0-1.184,0.316-1.525,0.794l11.687,9.745
23
  $product_url = get_permalink();
24
  $product_img = wp_get_attachment_url( get_post_thumbnail_id() ); ?>
25
 
26
+ <div class="oew-product-share clr">
27
 
28
  <ul class="ocean-social-share clr">
29
 
35
  if ( 'twitter' == $site ) { ?>
36
 
37
  <li class="twitter">
38
+ <a href="https://twitter.com/intent/tweet?status=<?php echo html_entity_decode( wp_strip_all_tags( $product_title ) ); ?>+<?php echo esc_url( $product_url ); ?>" target="_blank" onclick="ops_onClick( this.href );return false;">
39
  <span class="ops-icon-wrap">
40
  <svg class="ops-icon" aria-labelledby="ops-twitter-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
41
  <path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/>
66
  if ( 'pinterest' == $site ) { ?>
67
 
68
  <li class="pinterest">
69
+ <a href="https://www.pinterest.com/pin/create/button/?url=<?php echo rawurlencode( esc_url( $product_url ) ); ?>&amp;media=<?php echo wp_get_attachment_url( get_post_thumbnail_id() ); ?>&amp;description=<?php echo rawurlencode( wp_strip_all_tags( $product_title ) ); ?>" target="_blank" onclick="ops_onClick( this.href );return false;">
70
  <span class="ops-icon-wrap">
71
  <svg class="ops-icon" aria-labelledby="ops-pinterest-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
72
  <path d="M13.757,17.343c-1.487,0-2.886-0.804-3.365-1.717c0,0-0.8,3.173-0.969,3.785
88
  if ( 'email' == $site ) { ?>
89
 
90
  <li class="email">
91
+ <a href="mailto:?subject=<?php echo html_entity_decode( wp_strip_all_tags( $product_title ) ); ?>&amp;body=<?php echo esc_url( $product_url ); ?>" target="_blank" onclick="ops_onClick( this.href );return false;">
92
  <span class="ops-icon-wrap">
93
  <svg class="ops-icon" aria-labelledby="ops-email-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
94
  <path d="M23.674,3.741c-0.338-0.495-0.907-0.823-1.549-0.823H1.876c-0.629,0-1.184,0.316-1.525,0.794l11.687,9.745