## Requirements
1. PHP 5.3+
2. Tested on WooCommerce 2.1+
3. PHP GD Library
## Important Notes
1. Your images must be PNGs.
2. Layers run from top (highest layer) to bottom (lowest layer) in the configurator tab. This order is defined in the product’s Attributes tab.
3. You should set a featured image for the product, which will appear in product listings and as a fallback.
4. Product galleries are not yet available.
5. The configurator tab will only show once a variable product with attributes is saved.
## Installation
To install the plugin:
1. Navigate to Plugins > Add New > Upload.
2. Click Choose File, and choose the file iconic-woo-product-configurator.zip from your CodeCanyon download zip.
3. Once uploaded, click activate plugin.
4. The plugin is now installed and activated.
5. Once installed, you will be prompted to install the required Redux Framework plugin.
## Settings
A settings page can be found under WooCommerce > Configurator.
### General
#### Cache Settings
* **Enable Image Cache**
By enabling the image cache, your customers final product image will be cached for 24 hours. The PHP image compilation process can be quite slow, so this is a good method of allowing the rendered image to be saved in your uploads folder, and served instead of the dynamic image generator.
* **Cache Duration (Hours)**
If you enable the image cache, the images will be stored for this many hours. After this point, they would be regenerated by the customer.
### Display
#### Image Settings
* **Width (%)**
The width of your image container. This is often 48%.
* **Position**
Set the alignment of your image container.
#### Responsive Settings
* **Enable Breakpoint**
Allows you to change the image container settings after a certain browser width.
* **Breakpoint (px)**
The width at which the breakpoint settings become active. The breakpoint is active from 0px to this setting.
* **Width (%)**
The width of your image container. This is often 48%.
* **Position**
Set the alignment of your image container.
### Thumbnails
* **Enable Thumbnails**
When checked, thumbnails will be displayed below the configurable product image. These will be pulled in from your product gallery.
* **Column Count**
Enter a whole number to define the number of thumbnails in a row.
* **Spacing (px)**
Enter a pixel value for the spacing between your thumbnail images.
### Loader
#### Loading Overlay Settings
* **Colour**
When an image is loading, a loading overlay is shown. This sets the colour of that overlay.
* **Opacity**
This sets the opacity of the loading overlay. 0 is transparent, 1 is opaque, 0.5 would be 50% transparent.
#### Loading Icon Settings
* **Icon Style**
Choose he icon to display while images are loading.
* **Colour**
Set the colour of your loading icon.
## Configuration
Once installed, you can begin setting up your product configurator. We’ll assume you’ve already created a variable product as per the WooCommerce Documentation.
1. Click to edit your variable product.
2. Because your product is variable, and you’ve created attributes with the “Used for variations” checkbox selected, you will now be able to see the Configurator tab.
3. When you open the Configurator tab, you will see a checkbox to enable the Product Configurator. Check that.
4. Below this, you will see a list of all the variable attributes you created in the Attributes tab. These are ordered from top (highest layer) to bottom (lowest layer), ending with a custom option Background Image. To change this order, drag and drop your attributes from the Attributes tab.
5. Each attribute in the Configurator tab has a row for each value belonging to that attribute. Here you can upload images.
6. Click Add Image beside the attribute value you want to add an image to. You will then see the normal media library.
7. Select or upload a transparent PNG to act as the image for that layer and that attribute value.
8. Continue this process for all attribute values.
9. Once your images are uploaded, you can then choose default attribute values. This will define what the image looks like to the customer on page load. If you leave a default unselected, that layer will not be used in the default image.
10. Save your product.
You’re now ready to start using the Product Configurator on the frontend! It couldn’t be simpler; simply choose your product options and watch as the image changes based on your selection.
没有合适的资源?快使用搜索试试~ 我知道了~
【WordPress插件】2022年最新版完整功能demo+插件v1.5.0 Nulled.zip
共216个文件
php:155个
css:20个
mo:13个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
5星 · 超过95%的资源 1 下载量 176 浏览量
2022-04-21
00:54:53
上传
评论
收藏 1.01MB ZIP 举报
温馨提示
"【WordPress插件】2022年最新版完整功能demo+插件v1.5.0 Nulled Iconic WooCommerce Product Configurator 标志性的Woocommerce产品配置器" ---------- 泰森云每天更新发布最新WordPress主题、HTML主题、WordPress插件、shopify主题、opencart主题、PHP项目源码、安卓项目源码、ios项目源码,更有超10000个资源可供选择,如有需要请站内联系。
资源推荐
资源详情
资源评论
收起资源包目录
【WordPress插件】2022年最新版完整功能demo+插件v1.5.0 Nulled.zip (216个子文件)
class-core-licence.php.bak 8KB
dialog-boxes.css 13KB
add-ons.css 12KB
connect.css 10KB
main.css 10KB
main.css 9KB
main.min.css 6KB
common.css 5KB
account.css 5KB
main.css 4KB
customizer.css 3KB
main.min.css 3KB
affiliation.css 2KB
font.css 2KB
jquery.ui.timepicker.css 2KB
font.min.css 866B
debug.css 657B
plugins.css 514B
jckpc-styles.min.css 348B
gdpr-optin-notice.css 323B
checkout.css 83B
jckpc.eot 8KB
loading.gif 2KB
jquery.ui.timepicker.js 65KB
main.js 18KB
main.js 18KB
main.js 11KB
main.min.js 9KB
main.min.js 7KB
nojquery.ba-postmessage.js 5KB
postmessage.js 4KB
nojquery.ba-postmessage.min.js 1KB
config.json 941B
plugin-data.json 196B
changelog.md 8KB
readme.md 4KB
freemius-ta.mo 91KB
freemius-ru_RU.mo 74KB
freemius-ja.mo 66KB
freemius-fr_FR.mo 62KB
freemius-es_ES.mo 61KB
freemius-he_IL.mo 61KB
freemius-it_IT.mo 60KB
freemius-nl_NL.mo 60KB
freemius-cs_CZ.mo 60KB
freemius-hu_HU.mo 59KB
freemius-da_DK.mo 58KB
freemius-en.mo 58KB
freemius-zh_CN.mo 55KB
class-freemius.php 956KB
fs-plugin-info-dialog.php 79KB
account.php 64KB
class-fs-plugin-updater.php 61KB
iconic-woo-product-configurator.php 53KB
i18n.php 51KB
fs-core-functions.php 49KB
connect.php 44KB
wp-settings-framework.php 35KB
debug.php 34KB
license-activation.php 34KB
affiliation.php 29KB
class-fs-admin-menu-manager.php 26KB
class-core-settings.php 25KB
add-ons.php 23KB
addon.php 22KB
FreemiusWordPress.php 20KB
class-fs-storage.php 20KB
site.php 20KB
form.php 20KB
class-fs-api.php 19KB
start.php 19KB
class-product.php 17KB
class-fs-logger.php 17KB
class-fs-admin-notice-manager.php 17KB
class-fs-options.php 17KB
class-fs-option-manager.php 15KB
fs-essential-functions.php 15KB
config.php 14KB
class-inventory.php 13KB
class-freemius-abstract.php 13KB
billing.php 13KB
optout.php 13KB
user-change.php 12KB
subscription-cancellation.php 11KB
checkout.php 11KB
class-fs-admin-notices.php 11KB
class-fs-key-value-storage.php 10KB
class-fs-cache-manager.php 9KB
class-fs-plugin-license.php 8KB
premium-versions-upgrade-handler.php 8KB
data-debug-mode.php 8KB
class-core-licence.php 8KB
pricing.php 7KB
auto-installation.php 7KB
resend-key.php 7KB
class-fs-site.php 7KB
tabs.php 7KB
class-templates.php 7KB
FreemiusBase.php 6KB
class-fs-gdpr-manager.php 6KB
共 216 条
- 1
- 2
- 3
资源评论
- 精品各类源码2023-12-23资源内容详尽,对我有使用价值,谢谢资源主的分享。
Lee达森
- 粉丝: 984
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功