Storefront Sticky Add to Cart - Version 1.1.4

Version Description

  • 10.06.2016 =
  • Tweak - Hide the sticky add to cart component on mobile as it takes up too much screen real estate.
Download this release

Release Info

Developer jameskoster
Plugin Icon 128x128 Storefront Sticky Add to Cart
Version 1.1.4
Comparing to
See all releases

Code changes from version 1.1.3 to 1.1.4

Files changed (4) hide show
  1. assets/css/style.css +66 -62
  2. assets/css/style.scss +97 -91
  3. readme.txt +9 -2
  4. storefront-sticky-add-to-cart.php +3 -3
assets/css/style.css CHANGED
@@ -1,70 +1,74 @@
1
- @keyframes slideInDown {
2
- from {
3
- transform: translate3d(0, -100%, 0);
4
- visibility: visible; }
5
- to {
6
- transform: translate3d(0, 0, 0); } }
7
- .slideInDown {
8
- animation-name: slideInDown; }
9
 
10
- @keyframes slideOutUp {
11
- from {
12
- transform: translate3d(0, 0, 0); }
13
- to {
14
- visibility: hidden;
15
- transform: translate3d(0, -100%, 0); } }
16
- .slideOutUp {
17
- animation-name: slideOutUp; }
 
18
 
19
- .animated {
20
- animation-duration: .5s;
21
- animation-fill-mode: both; }
 
 
 
 
 
22
 
23
- .animated.infinite {
24
- animation-iteration-count: infinite; }
 
25
 
26
- .ssatc-sticky-add-to-cart {
27
- position: fixed;
28
- top: 0;
29
- left: 0;
30
- right: 0;
31
- z-index: 999999;
32
- transform: translate3d(0, -100%, 0);
33
- padding: 1.618em;
34
- overflow: hidden;
35
- zoom: 1;
36
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
37
- .ssatc-sticky-add-to-cart img {
38
- max-height: 3.631em;
39
- width: auto;
40
- float: left;
41
- margin: 0 2em 0 0;
42
- padding: 3px;
43
- border: 1px solid rgba(0, 0, 0, 0.1); }
44
- .ssatc-sticky-add-to-cart .ssatc-content {
45
- position: relative;
46
- line-height: 1.387; }
47
- .ssatc-sticky-add-to-cart .star-rating {
48
- display: inline-block;
49
- font-size: .75em;
50
- margin-right: 1em;
51
- -webkit-transform: translateY(1px);
52
- -moz-transform: translateY(1px);
53
- -ms-transform: translateY(1px);
54
- -o-transform: translateY(1px);
55
- transform: translateY(1px); }
56
- .ssatc-sticky-add-to-cart .price,
57
- .ssatc-sticky-add-to-cart .stock {
58
- font-size: .857em;
59
- opacity: 0.5; }
60
- .ssatc-sticky-add-to-cart .button.variable:after {
61
- content: "\f106";
62
- font-family: "FontAwesome";
63
- margin-left: .53em; }
64
- .ssatc-sticky-add-to-cart .price {
65
- margin-right: 1em; }
 
 
 
 
66
 
67
- @media screen and (min-width: 768px) {
68
  .ssatc-sticky-add-to-cart .button {
69
  position: absolute;
70
  top: 0;
1
+ .ssatc-sticky-add-to-cart {
2
+ display: none; }
 
 
 
 
 
 
3
 
4
+ @media screen and (min-width: 768px) {
5
+ @keyframes slideInDown {
6
+ from {
7
+ transform: translate3d(0, -100%, 0);
8
+ visibility: visible; }
9
+ to {
10
+ transform: translate3d(0, 0, 0); } }
11
+ .slideInDown {
12
+ animation-name: slideInDown; }
13
 
14
+ @keyframes slideOutUp {
15
+ from {
16
+ transform: translate3d(0, 0, 0); }
17
+ to {
18
+ visibility: hidden;
19
+ transform: translate3d(0, -100%, 0); } }
20
+ .slideOutUp {
21
+ animation-name: slideOutUp; }
22
 
23
+ .animated {
24
+ animation-duration: .5s;
25
+ animation-fill-mode: both; }
26
 
27
+ .animated.infinite {
28
+ animation-iteration-count: infinite; }
29
+
30
+ .ssatc-sticky-add-to-cart {
31
+ display: block;
32
+ position: fixed;
33
+ top: 0;
34
+ left: 0;
35
+ right: 0;
36
+ z-index: 999999;
37
+ transform: translate3d(0, -100%, 0);
38
+ padding: 1.618em;
39
+ overflow: hidden;
40
+ zoom: 1;
41
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
42
+ .ssatc-sticky-add-to-cart img {
43
+ max-height: 3.631em;
44
+ width: auto;
45
+ float: left;
46
+ margin: 0 2em 0 0;
47
+ padding: 3px;
48
+ border: 1px solid rgba(0, 0, 0, 0.1); }
49
+ .ssatc-sticky-add-to-cart .ssatc-content {
50
+ position: relative;
51
+ line-height: 1.387; }
52
+ .ssatc-sticky-add-to-cart .star-rating {
53
+ display: inline-block;
54
+ font-size: .75em;
55
+ margin-right: 1em;
56
+ -webkit-transform: translateY(1px);
57
+ -moz-transform: translateY(1px);
58
+ -ms-transform: translateY(1px);
59
+ -o-transform: translateY(1px);
60
+ transform: translateY(1px); }
61
+ .ssatc-sticky-add-to-cart .price,
62
+ .ssatc-sticky-add-to-cart .stock {
63
+ font-size: .857em;
64
+ opacity: 0.5; }
65
+ .ssatc-sticky-add-to-cart .button.variable:after {
66
+ content: "\f106";
67
+ font-family: "FontAwesome";
68
+ margin-left: .53em; }
69
+ .ssatc-sticky-add-to-cart .price {
70
+ margin-right: 1em; }
71
 
 
72
  .ssatc-sticky-add-to-cart .button {
73
  position: absolute;
74
  top: 0;
assets/css/style.scss CHANGED
@@ -1,106 +1,112 @@
1
  @import 'susy';
2
  @import 'bourbon';
3
- @import '../../../../themes/storefront/sass/utils/variables';
4
 
5
- @keyframes slideInDown {
6
- from {
7
- transform: translate3d(0, -100%, 0);
8
- visibility: visible;
 
 
 
 
 
 
 
 
 
 
 
9
  }
10
 
11
- to {
12
- transform: translate3d(0, 0, 0);
13
  }
14
- }
15
 
16
- .slideInDown {
17
- animation-name: slideInDown;
18
- }
 
19
 
20
- @keyframes slideOutUp {
21
- from {
22
- transform: translate3d(0, 0, 0);
23
- }
 
24
 
25
- to {
26
- visibility: hidden;
27
- transform: translate3d(0, -100%, 0);
28
- }
29
- }
30
 
31
- .slideOutUp {
32
- animation-name: slideOutUp;
33
- }
 
34
 
35
- .animated {
36
- animation-duration: .5s;
37
- animation-fill-mode: both;
38
- }
39
 
40
- .animated.infinite {
41
- animation-iteration-count: infinite;
42
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
43
 
44
- .ssatc-sticky-add-to-cart {
45
- position: fixed;
46
- top: 0;
47
- left: 0;
48
- right: 0;
49
- z-index: 999999;
50
- transform: translate3d(0, -100%, 0);
51
- padding: 1.618em;
52
- overflow: hidden;
53
- zoom: 1;
54
- box-shadow: 0 1px 2px rgba(#000,.2);
55
-
56
- img {
57
- max-height: 3.631em;
58
- width: auto;
59
- float: left;
60
- margin: 0 2em 0 0;
61
- padding: 3px;
62
- border: 1px solid rgba(#000,.1);
63
- }
64
-
65
- .ssatc-content {
66
- position: relative;
67
- line-height: 1.387;
68
- }
69
-
70
- .star-rating {
71
- display: inline-block;
72
- font-size: .75em;
73
- margin-right: 1em;
74
- @include transform(translateY(1px));
75
- }
76
-
77
- .price,
78
- .stock {
79
- font-size: .857em;
80
- opacity: 0.5;
81
- }
82
-
83
- .button.variable {
84
- &:after {
85
- content: "\f106";
86
- font-family: "FontAwesome";
87
- margin-left: .53em;
88
- }
89
- }
90
-
91
- .price {
92
- margin-right: 1em;
93
- }
94
- }
95
 
96
- @media screen and (min-width: 768px) {
 
 
 
 
 
 
97
 
98
- // Styles for desktop
99
- .ssatc-sticky-add-to-cart {
100
- .button {
101
- position: absolute;
102
- top: 0;
103
- right: 0;
104
- }
105
- }
106
- }
1
  @import 'susy';
2
  @import 'bourbon';
3
+ @import '../../../../themes/storefront/assets/sass/utils/variables';
4
 
5
+ .ssatc-sticky-add-to-cart{
6
+ display: none;
7
+ }
8
+
9
+ @media screen and (min-width: 768px) {
10
+
11
+ @keyframes slideInDown {
12
+ from {
13
+ transform: translate3d(0, -100%, 0);
14
+ visibility: visible;
15
+ }
16
+
17
+ to {
18
+ transform: translate3d(0, 0, 0);
19
+ }
20
  }
21
 
22
+ .slideInDown {
23
+ animation-name: slideInDown;
24
  }
 
25
 
26
+ @keyframes slideOutUp {
27
+ from {
28
+ transform: translate3d(0, 0, 0);
29
+ }
30
 
31
+ to {
32
+ visibility: hidden;
33
+ transform: translate3d(0, -100%, 0);
34
+ }
35
+ }
36
 
37
+ .slideOutUp {
38
+ animation-name: slideOutUp;
39
+ }
 
 
40
 
41
+ .animated {
42
+ animation-duration: .5s;
43
+ animation-fill-mode: both;
44
+ }
45
 
46
+ .animated.infinite {
47
+ animation-iteration-count: infinite;
48
+ }
 
49
 
50
+ .ssatc-sticky-add-to-cart {
51
+ display: block;
52
+ position: fixed;
53
+ top: 0;
54
+ left: 0;
55
+ right: 0;
56
+ z-index: 999999;
57
+ transform: translate3d(0, -100%, 0);
58
+ padding: 1.618em;
59
+ overflow: hidden;
60
+ zoom: 1;
61
+ box-shadow: 0 1px 2px rgba(#000,.2);
62
+
63
+ img {
64
+ max-height: 3.631em;
65
+ width: auto;
66
+ float: left;
67
+ margin: 0 2em 0 0;
68
+ padding: 3px;
69
+ border: 1px solid rgba(#000,.1);
70
+ }
71
+
72
+ .ssatc-content {
73
+ position: relative;
74
+ line-height: 1.387;
75
+ }
76
+
77
+ .star-rating {
78
+ display: inline-block;
79
+ font-size: .75em;
80
+ margin-right: 1em;
81
+ @include transform(translateY(1px));
82
+ }
83
+
84
+ .price,
85
+ .stock {
86
+ font-size: .857em;
87
+ opacity: 0.5;
88
+ }
89
+
90
+ .button.variable {
91
+ &:after {
92
+ content: "\f106";
93
+ font-family: "FontAwesome";
94
+ margin-left: .53em;
95
+ }
96
+ }
97
+
98
+ .price {
99
+ margin-right: 1em;
100
+ }
101
+ }
102
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
103
 
104
+ .ssatc-sticky-add-to-cart {
105
+ .button {
106
+ position: absolute;
107
+ top: 0;
108
+ right: 0;
109
+ }
110
+ }
111
 
112
+ }
 
 
 
 
 
 
 
 
readme.txt CHANGED
@@ -2,8 +2,8 @@
2
  Contributors: jameskoster, woothemes
3
  Tags: woocommerce, ecommerce, storefront, sticky
4
  Requires at least: 4.0
5
- Tested up to: 4.5.0
6
- Stable tag: 1.1.3
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -29,12 +29,19 @@ As the name suggests this plugin has been designed to work with our [Storefront]
29
 
30
  It's very simple, most of the core styles are loaded regardless. You'll just need to apply a background color to the content bar like so; `.ssatc-sticky-add-to-cart { background-color: white; }`.
31
 
 
 
 
 
32
  == Screenshots ==
33
 
34
  1. The sticky add to cart bar in action.
35
 
36
  == Changelog ==
37
 
 
 
 
38
  = 1.1.3 - 04.26.2016 =
39
  * Tweak - Integration with Catalog Visibility Options extension.
40
 
2
  Contributors: jameskoster, woothemes
3
  Tags: woocommerce, ecommerce, storefront, sticky
4
  Requires at least: 4.0
5
+ Tested up to: 4.6.1
6
+ Stable tag: 1.1.4
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
29
 
30
  It's very simple, most of the core styles are loaded regardless. You'll just need to apply a background color to the content bar like so; `.ssatc-sticky-add-to-cart { background-color: white; }`.
31
 
32
+ = Why doesn't he sticky add to cart component display on mobile? =
33
+
34
+ It simply takes up too much valuable screen real estate. You can display it on mobile with a few lines of css if you need to.
35
+
36
  == Screenshots ==
37
 
38
  1. The sticky add to cart bar in action.
39
 
40
  == Changelog ==
41
 
42
+ = 1.1.4 - 10.06.2016 =
43
+ * Tweak - Hide the sticky add to cart component on mobile as it takes up too much screen real estate.
44
+
45
  = 1.1.3 - 04.26.2016 =
46
  * Tweak - Integration with Catalog Visibility Options extension.
47
 
storefront-sticky-add-to-cart.php CHANGED
@@ -3,11 +3,11 @@
3
  * Plugin Name: Storefront Sticky Add to Cart
4
  * Plugin URI: https://wordpress.org/plugins/storefront-sticky-add-to-cart/
5
  * Description: Adds a sticky add-to-cart bar in single product pages that is revealed as the user scrolls down the page.
6
- * Version: 1.1.3
7
  * Author: WooThemes
8
  * Author URI: http://woothemes.com/
9
  * Requires at least: 4.0.0
10
- * Tested up to: 4.0.0
11
  *
12
  * Text Domain: storefront-sticky-add-to-cart
13
  * Domain Path: /languages/
@@ -90,7 +90,7 @@ final class Storefront_Sticky_Add_to_Cart {
90
  $this->token = 'storefront-sticky-add-to-cart';
91
  $this->plugin_url = plugin_dir_url( __FILE__ );
92
  $this->plugin_path = plugin_dir_path( __FILE__ );
93
- $this->version = '1.1.3';
94
 
95
  register_activation_hook( __FILE__, array( $this, 'install' ) );
96
 
3
  * Plugin Name: Storefront Sticky Add to Cart
4
  * Plugin URI: https://wordpress.org/plugins/storefront-sticky-add-to-cart/
5
  * Description: Adds a sticky add-to-cart bar in single product pages that is revealed as the user scrolls down the page.
6
+ * Version: 1.1.4
7
  * Author: WooThemes
8
  * Author URI: http://woothemes.com/
9
  * Requires at least: 4.0.0
10
+ * Tested up to: 4.6.1
11
  *
12
  * Text Domain: storefront-sticky-add-to-cart
13
  * Domain Path: /languages/
90
  $this->token = 'storefront-sticky-add-to-cart';
91
  $this->plugin_url = plugin_dir_url( __FILE__ );
92
  $this->plugin_path = plugin_dir_path( __FILE__ );
93
+ $this->version = '1.1.4';
94
 
95
  register_activation_hook( __FILE__, array( $this, 'install' ) );
96