Linux 软件免费装

在这里免费安装WordPress以及其他软件

Banner图

Variation Swatches for WooCommerce

开发者 ThemeHigh
更新时间 2025年3月10日 18:28
捐献地址: 去捐款
PHP版本: 7.4 及以上
WordPress版本: 6.7
版权: GPLv2 or later
版权网址: 版权信息

标签

WooCommerce Variation WooCommerce Variation Swatches Variation Swatches Variation Swatches for WooCommerce WooCommerce Attributes

下载

2.0.2 2.3.6 2.3.7 2.3.8 2.3.9 2.4.0 2.0.6 2.0.7 2.0.4 1.1.1 1.0.2 1.0.4 2.3.5 1.0.3 1.0.5 1.0.6 2.0.1 2.0.3 2.0.8 2.0.9 2.1.0 2.3.1 2.3.2 1.0.7 2.2.0 1.2.0 2.0.5 2.3.0 2.3.3 2.3.4 1.1.0 2.0.0

详情介绍:

Introduction WooCommerce Variation Swatches plugin enables you to convert default WooCommerce product attribute drop-downs into stylish swatches. This fantastic plugin helps you exhibit product variants (based on color, size, texture, etc.) in style, assisting customers to choose their preferred variant quickly. Using this variation swatches for WooCommerce plugin, you can create swatches of 4 types to display the product attributes as square or circle icons. The 4 swatch types are: = 💎 Color = 💎 Image = 💎 Label/Button = 💎 Radio ⭐ How it Works|Try Demo | Documents | Pro Version ⭐ 👉 Instantly convert attributes into swatches You can convert default woocommerce variation drop-downs into variation swatches instantly with a single click if you want to convert it altogether. 👉 Swatch Designs This unique feature of the Variation swatches plugin lets you create multiple design types for an attribute and switch between them easily. For each design type, you can define the icon details, customize the hover & border details, style the tooltip details, and much more. Live Demo 👉 Choose selection style The variation swatches plugin lets you highlight the selected swatch with a checkmark. Also, you can customize the checkmark with an apt color and suitable size. Live Demo 👉 Display behavior of unavailable and out-of-stock variants Set the unavailable and out-of-stock variant’s swatches with three custom options -
  1. Hide
  2. Blur
  3. Blur with a cross
👉 Swatches for Custom Product Attributes This feature enables you to set up swatches for custom product attributes of variable products. You can customize these custom attributes with the three swatch types and their properties. 👉 Tooltips for Variation Swatches Show the term name of attributes as tooltips with a custom display color when someone hovers over a swatch icon. ⭐ Compatible Themes A few themes that are compatible with the Variation swatches for WooCommerce plugin are: Store Front, Flatsome, Divi Builder, Astra, Ocean Wp, WoodMart, Porto, Enfold, Kedence, Motor, Hestia, Sydney, Neve, Spacious, Zakra Besides this list, the variation swatches plugin is also compatible with other popular themes in the market. ⭐ Compatible Plugins Some popular WooCommerce plugins that are compatible with Variation swatches plugin are: Yith WooCommerce Quick View, WooCommerce Product Bundle, WooCommerce Composit products, WPC Smart Quick View for woocommerce by-WPClever, Eelementor Page Builder Plugin 👉 Round and Square Attribute Variation Swatch The Variation Swatches plugin lets you choose between round or square icons for your product variation swatches. So, based on your store theme, the suitable icon shape can be chosen. 👉 Display Selected Variation Name Using this Variation Swatches plugin, you can display the chosen variation name besides the attribute label. 👉 Customize Swatches The plugin provides you various customization options like editing font size, background color, icon height, icon width, etc as per your requirements. 👉 Show swatches as dropdown This unique feature of the plugin lets you display both the image and color swatches as a simple dropdown. From this color or image swatch dropdown, the shoppers can search and find the corresponding term. Live Demo 👉 Enable Swatches in Additional Info Using the variation swatches plugin, you can show the additional info as image or color swatches even for the simple product. 👉 Set AJAX Variation Threshold The plugin allows you to set the Ajax variation threshold value. So, based on this threshold value, the product availability check can be done through Ajax method or JavaScript. See how these features works! https://www.youtube.com/watch?v=rkvXZZa1fdw ☞ Other Features

安装:

Minimum Requirements Automatic installation
  1. Log in to your WordPress dashboard.
  2. Navigate to the Plugins menu, and click "Add New".
  3. Search and locate 'Product variation swatches for WooCommerce' plugin.
  4. Click 'Install Now', and WordPress will take it from there.
Manual installation Manual installation method requires downloading the 'Product variation swatches for WooCommerce' plugin and uploading it to your web server via your FTP application. The WordPress codex contains instructions on how to do this here.

屏幕截图:

  • Image swatch preview
  • Label swatch preview
  • Behaviour for unavailable and out of stock variation
  • Term name tooltip preview
  • Swatches Design types
  • Attribute styling
  • Swatch type styling
  • Tooltip styling
  • Hover and Border styling
  • Global settings
  • Global color variation attribute list preview
  • Global image variation attribute list preview
  • Checkmark with Border
  • Swatches on Additional Info
  • Swatches as Dropdown

常见问题:

How to setup Swatches settings in Product Variation Swatches for WooCommerce?

  1. Navigate to Dashboard → Products → Swatches Options
  2. Under Swatches Options, navigate to Global Settings →Attribute Settings.
  3. Set properties for icon and label like shape, height & width.
  4. Save the changes to save the Swatches settings.

What is a tooltip for a swatch and how does this work in WooCommerce Variation Swatches?

The tooltip is used to set hover element for each term of an attribute/variation. To set tooltip for swatches,

  1. Navigate to Swatches Options → Global Settings → Tooltip Settings.
  2. Enable the checkbox Enable tooltip.
  3. Save the changes.
Note: Free version will let you have Term name in the tooltip, you can have Image, description as well in the tooltip when using the Premium version of WooCommerce Product Variation Swatches

Where can I enter the term image/color/label in WooCommerce Variation Swatches?

  1. Navigate to Products → Attributes
  2. To add a New Attribute and then configure the term (image/color/label), follow steps 3-7. If you already have an attribute saved, you can skip the steps and directly go to step 6.
  3. Using Add New Attribute section add a new attribute. Fill in the desired attribute name.
  4. Choose the attribute type from the type drop down. You can choose between attribute type Color /Image /Label /Radio(available in Premium Version)
  5. Click on Add Attribute button to add the attribute.
  6. Once the attribute is added, you can now configure the Terms as per the attribute type selected for the attribute.
  7. Click on Configure Terms, you now add in the terms.
    • Attribute type Label - You will be asked to enter the Label Display Term Name along with default term data.
    • Attribute type Image - You will be asked to upload the term image along with default term data.
    • Attribute type Color - You will be asked to pick the term colour along with default term data.

Is there an option to set swatches for local attributes in WooCommerce Variation Swatches?

Yes, Under the edit products option you can set swatches for local attributes in Swatches Settings Tab.

How to set up different styles for different swatches?

  • Navigate to Dashboard → Products → Swatches Options
  • Select Swatches Design tab
  • Choose any of the designs and you can customize the attribute styling, hover and border styling, tooltip styling, and swatch type specific styling.
    • Note: The plugin's free version only provides 4 swatches designs, whereas the Premium version lets you add as many as you like.
  • Once you've done styling Swatches Design, go to Product Attributes
  • Select any attribute, and from the 'Design Type' dropdown menu, select the design you styled.

How to set up different selection styles/ checkmark styles for swatches?

  • Select a design from the Swatches Design tab.
  • Click on the 'Hover and Border Styling' option, and then under Selection Style choose a swatch selection style you prefer.
  • Set the size and color of the tick if the chosen style is 'Checkmark with border'

What else to do if swatches do not work on particular pages/pages created with the builder?

Please add the below filter in your child theme's functions.php add_filter(‘thwvsf_enqueue_public_scripts', ‘enqueue_public_script’); function enque_public_script(){ if(is_page (Page Id) { return true; } }

Can I set an image as a tooltip?

With the free version of WooCommerce Variation Swatches, you only have the option to set term name as a tooltip. If you need Images as the tooltip, you have to Upgrade to Premium Version of WooCommerce Product Variation Swatches.

Is there an option to display the number of products left in the stock?

Upgrade to Premium version to display the number of products left in the stock. Stock left alert (min count) can also be set as per your preference when using WooCommerce Variation Swatches.

更新日志:

2.4.0 2.3.9 2.3.8 2.3.7 2.3.6 2.3.5 2.3.4 2.3.3 2.3.2 2.3.1 2.3.0 2.2.0 2.1.0 2.0.9 2.0.8 2.0.7 2.0.6 2.0.5 2.0.4 2.0.3 2.0.2 2.0.1 2.0.0 1.2.0 1.1.1 1.1.0 1.0.7 1.0.6 1.0.5 1.0.4 1.0.3 1.0.2 1.0.1 1.0.0