-
Notifications
You must be signed in to change notification settings - Fork 1
/
readme.txt
401 lines (285 loc) · 14.4 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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
=== Addonify - Quick View For WooCommerce ===
Contributors: addonify
Donate link: https://addonify.com/contact/
Tags: woocommerce, quick view, woocommerce quick view, products quick view, quickview
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.6
Stable tag: 1.2.17
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Addonify WooCommerce Quick View plugin adds functionality to have a quick preview of WooCommerce product on a popup modal.
== Description ==
Addonify WooCommerce Quick View plugin adds functionality to have a quick preview of WooCommerce product on a popup modal.
🌍 Official Demo: [Link 1](https://demo.addonify.com/woo/01/)
🌍 Official Demo: [Link 2](https://demo.addonify.com/woo/01/quick-view-ii/)
📜 Documentation: [Doc Link](https://docs.addonify.com/kb/woocommerce-quick-view/)
If you run an online e-commerce shop, then you must be familiar with the number of products that your users will see in your store page. This plugin allows your website visitors to quickly view the product summary instead of going through each product's detail page. This could save the time of your visitors & increase your revenue.
**🦄 MAIN FEATURES:**
✅ Easy to use.
✅ Super light-weight & optimized for performance.
✅ Add a quick view button in product loop to open a modal window with the product summary using AJAX.
✅ Display product image or gallery on quick view modal.
✅ Display product title, price, add to cart button, excerpt and view detail button on quick view modal.
✅ Disable quick view on mobile device.
✅ Modal box opening & closing animations.
✅ Modal content row direction layout.
✅ Change a label for the “Quick view” button.
✅ Display icon on “Quick view” button.
✅ Choose spinner icon.
✅ Customize what you would like to display inside the modal box.
✅ Display product detail page link in modal.
✅ Close modal on ESC key pressed.
✅ Close modal when clicked outside.
✅ Display/Hide modal close button.
✅ JavaScript API for developers.
✅ Developer friendly & easy to implement according to your need.
✅ Add custom CSS if required from admin setting page.
✅ Clean setting page design.
✅ Friendly support.
**🌈 DESIGN OPTIONS:**
✅ Customize quick view button text color.
✅ Customize quick view button background color.
✅ Customize quick view border color.
✅ Customize quick view button border radius.
✅ Customize modal box background color.
✅ Customize modal overlay mask background color.
✅ Customize modal box border color.
✅ Customize modal text colors.
✅ Customize modal box border radius.
✅ Customize modal CSS z-index.
✅ Customize spinner icon color.
✅ Customize spinner icon size.
✅ Customize WC Gallery border color.
✅ Customize WC Gallery icon color.
✅ Customize WC Gallery icon background color.
✅ Customize WC Gallery icon size.
✅ Customize WC product image border.
✅ Customize WC Gallery thumbnails gap.
✅ Customize WC Gallery thumbnails number in row.
✅ Customize product title color.
✅ Customize product title font size.
✅ Customize product title font weight.
✅ Customize price color.
✅ Customize price font size.
✅ Customize rating stars color.
✅ Customize misc buttons inside modal box color.
✅ More customization options, give it a try.
**📄 SHORTCODE**
The shortcode below can used to display quick view button.
```php
[addonify_quick_view_button id="1" label="Quick View" classes="btn" icon="icon_one" icon_position="left"]
```
The shortcode attributes used are as follows:
- **id**: Product id.
- **label**: Button label.
- **classes**: CSS classes.
- **icon**: Button icon. Use any one attribute value from `icon_one`, `icon_two`, `icon_three`, ..., `icon_six`.
- **icon_position**: Button icon position if `icon` attribute is set. Use either `left` or `right`.
**👨💻 DEVELOPER:**
Developers, we got you. Follow the links below to easily customize Addonify Quick View as you like.
✅ Custom quick view button [Check Doc](https://docs.addonify.com/kb/woocommerce-quick-view/developer/)
✅ Using Hooks & Filters [Check Doc](https://docs.addonify.com/kb/woocommerce-quick-view/developer/)
✅ Overwrite plugin template file [Check Doc](https://docs.addonify.com/kb/woocommerce-quick-view/developer/)
✅ JavaScript API [Check Doc](https://docs.addonify.com/kb/woocommerce-quick-view/developer/javascript-events/)
Still not sure how to start? Create [a new discussion](https://github.com/addonify/addonify-quick-view/discussions) and we will help you out.
**🤎 FEEDBACK & SUPPORT:**
Let's make Addonify Quick View better together. We are open to discuss how we can improve our plugin. You're always welcome to join the discussion and share your ideas with us.
🌍 Feedback - [Have feedback](https://github.com/addonify/addonify-quick-view/discussions) or [I would love to rate](https://wordpress.org/support/plugin/addonify-quick-view/reviews/).
🪲 Report BUG - [Option - 1](https://github.com/addonify/addonify-quick-view/issues) or [Option - 2](https://wordpress.org/support/plugin/addonify-quick-view/).
**📦 UPCOMING FEATURES:**
- Modal width with responsive control.
- Modal padding with responsive control.
- Modal content gap with responsive control.
- Content/Modal layouts.
- Reset / Backup / Restore settings.
- Quick view for Gutenberg WooCommerce products blocks.
- More customization options.
- Do you have any requests to make? [Let's discuss](https://github.com/addonify/addonify-quick-view/discussions) on what you would like to see in the next version.
== Installation ==
1. Download the plugin.
1. Unzip the downloaded zip file.
2. Upload the plugin folder into the `wp-content/plugins/` directory of your WordPress site.
3. Activate `Addonify WooCommerce Quick View` from Dashboard > Plugins.
== Screenshots ==
1. Addonify Quick View in action.
2. Addonify Quick View admin setting page - General options tab.
3. Addonify Quick View admin setting page - Design options tab.
== Changelog ==
= 1.2.17 - 19 July, 2024 =
- Added: New quick view button position - Over Product Image.
- Updated: MobileDetect library. Fixed issue [#263](https://github.com/addonify/addonify-quick-view/issues/263).
- Added: Label in range slider control (setting page).
- Added: Shortcode for rendering quick view button.
- Added: `Delete plugin data on plugin deactivation` option.
- Added: Hooks, `addonify_quick_view_before_modal` and `addonify_quick_view_after_modal` in `addonify-quick-view-content-wrapper.php` template file.
- Added: Filter hook, `addonify_quick_view_render_button`.
- Tested: WordPress version 6.6.
- Tested: WooCommerce version 9.1.2.
= 1.2.16 - 3 April, 2024 =
- Renamed: Function `addonify_quick_view_get_setting_field_value` to `addonify_quick_view_get_option`.
- Added: JS event, `addonifyQuickViewModalContentLoading`, while content is being loaded.
- Added: Action hooks and filter hooks.
- Updated: Quick view templates.
- Tested: WordPress version 6.5.
- Tested: WooCommerce version 8.7.0.
= 1.2.15 - 26 January, 2024 =
- Tested: WordPress version 6.4.2.
- Tested: WooCommerce version 8.5.2.
= 1.2.14 - 09 November, 2023 =
- Tested: WordPress v6.4.0
- Tested: WooCommerce v8.2.2
= 1.2.13 - 28 September, 2023 =
- Added: Compatibility with All Products for WooCommerce Subscriptions plugin.
- Added: Documentation link, GitHub link, and support link to the plugin row in plugins list table.
- Fix: Issue of color options, `General border color` and `Input fields text color`, not getting rendered.
- Updated: Plugin setting page link moved before the 'Deactivate' link in plugins list page.
- Tested: WooCommerce 8.1.1.
= 1.2.12 - 15 September, 2023 =
- Fix: Issue of redirection to product single page when the product is added into the cart from quick view modal.
- Tested: WooCommerce 8.1.0
= 1.2.11 - 25 August, 2023 =
- Fix: Quick view modal overflow issue in mobile devices.
- Tested: WooCommerce 8.0.2
= 1.2.10 - 09 August, 2023 =
- Added: Implemented scroll to top every time when the modal is opened.
- Tested: WordPress version 6.3
- Tested: WooCommerce version 8.0.0
= 1.2.9 - 08 August, 2023 =
- Added: Dedicated close button for mobile devices.
- Added: Dynamic notice in quick view admin setting page.
- Tweak: The way modal box height is being calculated.
- Improvement: Admin setting page UI.
- Refactor: Admin setting page code (Vue JS).
= 1.2.8 - 04 August, 2023 =
- Added: Option, Quick view button text color.
- Added: Option, Quick view button text color hover.
- Added: Option, Quick view button background color.
- Added: Option, Quick view button background color hover.
- Added: Option, Quick view button border color.
- Added: Option, Quick view button border color hover.
- Added: Option, Quick view button border style.
- Added: Option, Quick view button border radius.
- Added: Option, Misc button font size.
- Added: Option, Misc button font weight.
- Added: Option, Misc button line height.
- Added: Option, Misc button border radius.
- Added: Option, Misc button letter spacing.
- Added: Option, Misc button text transform.
- Added: Option, Gallery thumb gap.
- Added: Option, Gallery number of thumb in row.
- Added: Option, Product title font size.
- Added: Option, Product title font weight.
- Added: Option, Product title line height.
- Added: Option, Price font size.
- Added: Option, Price font weight.
- Added: Option. WC gallery icon font size.
- Added: Option, WC gallery image border radius.
- Added: Option, WC gallery image border color.
- Added: Option, WC gallery icon trigger color.
- Added: Option, WC gallery icon trigger background color.
- Added: Option, Modal box general text font size.
- Added: Option to display icon in quick view button. #175
- Added: Option to control the position of icon in quick view button. #175
- Added: Option to control content column direction layout inside modal.
- Added: Option to control content column gap.
- Added: Option to hide modal close button.
- Added: Option to close modal when ESC key is pressed.
- Added: Option to close modal when clicked outside. #176
- Added: Option, modal opening & exit animations. #176
- Added: Option, modal z-index.
- Added: Option, modal border radius.
- Added: Option, spinner icons. #177
- Added: Option, spinner icon font size. #177
- Added: Control, range slider (Vue JS).
- Added: JavaScript API, `addonifyQuickViewModalOpened`, `addonifyQuickViewModalClosed`, `addonifyQuickViewModalContentLoded`.
- Refactored: Public facing JavaScript code.
- Updated: Admin setting page UI SCSS code.
- Tweak: Select v-model val changed to string (Vue JS)
- Tweak: Refactor design tab UI (Vue JS)
- Tweak: Addonify Quick View is enabled but not effective notice is now non-dismissible.
- Improvement: Number input control (Vue JS)
- Improvement: Admin setting page design tab user interface.
= 1.2.7 - 19 July, 2023 =
- Fixed: Vue JS components [color-picker] fix incorrect cursor position.
- Updated: Logo in plugin setting page.
= 1.2.6 - 07 June, 2023 =
- Enhancement: Console warn if perfect scroll bar couldn't be initialized. #165
= 1.2.5 - 31 May, 2023 =
- Fix: Uncaught ReferenceError: PerfectScrollbar is not defined.
- Tweak: Disabled page scrolling when quick view modal is visible.
- Tweak: How reactive state on plugin setting's page is managed (vue js).
- Enhancement: Better error handelling on plugin setting's page (vue js).
= 1.2.4 - 20 May, 2023 =
- Updated: AJAX JS and AJAX callback handler for displaying quick view content.
- Updated: Mobile_Detect PHP library.
- Updated: Body classname `addonify-quick-view-disabled` to `addonify-quick-view-disabled-on-mobile`.
- Dev: Upgraded mobiledetect/mobiledetectlib to version 2.8.41 => 3.74.0.
- Tested: On WooCommerce version 7.7.0
= 1.2.3 - 07 March, 2023 =
- Update: Static texts in UDP Agents are now translation ready.
= 1.2.2 - 03 March, 2023 =
- Updated: UDP agent to version 1.0.1
= 1.2.1 - 24 January, 2023 =
- Added: Recommended products in quick view setting page.
= 1.2.0 - 28 December, 2022 =
- Fix: PHP error, `Undefined variable: product_id` on line 22 and 28 in `addonify-quick-view-content.php` file.
= 1.1.9 - 19 December, 2022 =
- Added: UDP Agent. Ref: https://creamcode.org/user-data-processing/
= 1.1.8 - 18 November, 2022 =
- Improvement: ColorPicker in settings page.
= 1.1.7 - 2 November, 2022 =
- Tested: WordPress 6.1
- Tested: WordPress 7.0.1
= 1.1.6 - 18 September, 2022 =
- New: Modal box general text color. #111
- New: Modal box inputs background color. #111
- New: Modal box inputs text color. #111
- New: Modal box spinner icon color. #111
- Added: Admin setting page option visibility conditional logic.
- Fix: Variation form issue in quick view.
- Updated: Frontend templates can be overridden from themes. Overridden path changed to 'addonify/quick-view/'.
- Updated: Hooks and filter name prefix changed from 'addonify_quick_view/' and 'addonify_qv_' to 'addonify_quick_view_'.
= 1.1.5 - 31 August, 2022 =
- Tested: with WordPress version 6.0.2.
= 1.1.4 - 15 July, 2022 =
- Tested: with WordPress version 6.0.1.
= 1.1.3 - 7 July, 2022 =
- Fixed: Text domain string in Invalid Control Component (Vue js).
= 1.1.2 - 29 June, 2022 =
- Changed: Settings fields labels and texts.
- Updated: Settings fields value sanitization functions.
= 1.1.1 - 27 June, 2022 =
- Added: Option to disable quick view on mobile devices.
- Added: Mobile_Detect library added.
= 1.1.0 - 18 June, 2022 =
- Tweak: Changed default setting values.
= 1.0.9 - 17 June, 2022 =
- Fix: Issue with the display grid layout.
= 1.0.8 - 16 June, 2022 =
- Tweak: Adaptive height for quick view modal box according to the content.
- Added: View detail button label inside quick view modal box.
= 1.0.7 - 16 June, 2022 =
- Updated: New admin dashboard setting page (Build with Vue Js 3).
- Added: Rest API endpoint for setting page.
= 1.0.6 - 29 March, 2022 =
- Tweak: Quick view modal z-index.
= 1.0.5 - 10 March, 2022 =
- Tweak: Changed perfectscroll library to conditional.
- Tweak: Quick view modal design.
- Tested: with WordPress version 5.9.2.
- Updated: Dev tools (NPM & GULP).
= 1.0.4 - 21 July, 2021 =
- Fix: wp-color-picker-alpha js issue.
- Updated: wp-color-picker-alpha.min.js to version 3.0.0.
- Updated: lc_switch to version 2.0.3.
- Removed: lc_switch.css.
= 1.0.3 - 8 January, 2021 =
- Added: Tested up to WordPress version 5.6.
= 1.0.2 - 26 September, 2021 =
- Fix: Quick view modal content not being populated while in initial installation.
= 1.0.1 - 23 September, 2020 =
- Fix: Basic styling.
- Fix: Readme.txt file links.
= 1.0.0 - 11 August, 2020 =
- Initial release.