Jawad Abdani

WP Notch

Imagine you could easily show off what makes your products special. You know, the cool stuff about them that sets them apart. Well, our special tool lets you do just that, right where people can see it when they’re looking at your products online.
With our tool, you can put those special things about your products on the pages where you sell them. This helps your customers because they can learn more about what they’re buying.
And guess what? You get to decide where these special things show up on the page. Maybe right under the product name, or next to the price, or even after the description or pictures. Our tool is easy to use, and you can choose where things go without any trouble.
Setting up the tool is really simple. Just add it to your website, turn it on, and start making things look the way you want. Even if you’re not an expert, you’ll find it easy because we have instructions to help you.
And if you ever need help, we’re here for you. Our team is always ready to answer your questions and make sure you have a great experience using our tool.
So, if you want to make your product pages look awesome and impress your customers, our super tool for WordPress is what you need. Go ahead and get it today, and make your online store the best it can be!
To get a comprehensive overview of this plugin, check out this <a href="https://wpnotch.com/how-to-display-product-attributes-woocommerce/" rel="nofollow ugc">blog post authored by WPNotch</a>.

Display Product Attributes for WooCommerce

Boost your product conversions effortlessly by showcasing their unique features — the standout qualities that set them apart from the competition.

M Gogul Saravanan

Product Attribute Plus is a free WooCommerce plugin that expands product attribute options. It ads Color, Label, and Image Swatches alongside the standard dropdown menu.
<h3>How to install Product Attribute Plus Plugin</h3>
1.Login to Your WordPress Dashboard 
2.Navigate to the Plugins Section 
3.Choose “Add New” 
4.Search for the Plugin: ( In the “Search plugins” box, type “Product Attribute Plus” ) 
5.Select the “Product Attribute Plus” Plugin & Activate it.
<h3>Installing a WordPress plugin via FTP (File Transfer Protocol) involves uploading the plugin files to your server manually.</h3>
1.Download the Product Attribute Plus extension for WooCommerce Plugin 
2.Unzip the downloaded file. You’ll typically get a folder containing all the plugin files. 
3.Use an FTP client like FileZilla to connect to your server. 
4.Once connected, navigate to the /wp-content/plugins/ directory in your WordPress installation on the server. 
5.From your local machine, locate the folder extracted in step 2. Drag this folder into the /wp-content/plugins/ directory on your server. 
6.Allow FileZilla or your FTP client to complete the upload. This might take a few moments, depending on the plugin’s size and your internet speed. 
7.Once the upload is complete, go to your WordPress dashboard. Navigate to the “Plugins” section. You should see the plugin you just uploaded listed there. Click “Activate” to activate the plugin.
<h3>How to use</h3>
1.First, install and activate the <a href="https://wordpress.org/plugins/woocommerce/" rel="ugc">WooCommerce Plugin.</a> This plugin is necessary to use Product Attribute Plus Plugin. 
2.Next, install & activate the <a href="https://wordpress.org/plugins/product-attribute-plus" rel="ugc">Product Attribute Plus</a> 
3.Once both plugins are activated, go to WooCommerce > Settings > Swatches to set the default options and configurations for single variable product page.
<h3>WooCommerce Themes</h3>
Product Attribute Plus works with any theme, including:
<ul>
<li>Astra</li>
<li>Hello Elementor</li>
<li>OceanWP</li>
<li>Storefront</li>
<li>WordPress Default themes</li>
</ul>
<h3>Source Files and Compression Details</h3>
This plugin includes compressed JavaScript and CSS files for optimal performance. The uncompressed source files and build instructions are provided to ensure transparency:
<ul>
<li>
Uncompressed JavaScript Files:
<ul>
<li><code>/product-attribute-plus/src/js/admin</code> – JavaScript files for the admin area.</li>
<li><code>/product-attribute-plus/src/js/public</code> – JavaScript files for the public-facing area.</li>
</ul>
</li>
<li>
Uncompressed SCSS Files:
<ul>
<li><code>/product-attribute-plus/src/scss/admin</code> – SCSS files for the admin area.</li>
<li><code>/product-attribute-plus/src/scss/public</code> – SCSS files for the public area.</li>
</ul>
</li>
</ul>
Build Instructions: 
All necessary libraries and steps to build the files are included in the <code>package.json</code> file. To compile and compress the source files, run the appropriate build commands outlined in the <code>package.json</code>.
For more details on setting up the build process, please refer to the <code>package.json</code> file located in the root of the plugin directory. Here are the main commands to use:
<ul>
<li><code>npm run scss:admin:min</code> – Builds a production (compressed) version of the CSS file for the admin area.</li>
<li><code>npm run scss:public:min</code> – Builds a production (compressed) version of the CSS file for the public-facing area.</li>
<li><code>npm run js:dev</code> – Creates both uncompressed and development versions of the JavaScript files.</li>
<li><code>npm run js:prod</code> – Builds production (compressed) versions of the JavaScript files.</li>
</ul>

Product Attribute Plus

Product Attribute Plus enhances WooCommerce product attributes with Color, Label, and Image Swatches.

Display Product Attributes for WooCommerce vs Product Attribute Plus