Loyalcoders

Magic Extra Field Light is a lightweight WordPress plugin that allows you to add custom fields to your WooCommerce products using Elementor’s interface. It’s perfect for adding text inputs, checkboxes, and other form elements to your product pages.
<h4>Features</h4>
<ul>
<li>Add custom fields to WooCommerce products</li>
<li>Use Elementor’s interface to design your fields</li>
<li>Support for text inputs, checkboxes, and more</li>
<li>Fields appear in cart and order details</li>
<li>Lightweight and fast</li>
</ul>
<h4>Requirements</h4>
<ul>
<li>WordPress 5.0 or higher</li>
<li>WooCommerce 5.0 or higher</li>
<li>Elementor 3.0 or higher</li>
<li>PHP 7.4 or higher</li>
</ul>
<h3>Development Setup</h3>
<h4>Prerequisites</h4>
<ul>
<li>Node.js (v14 or higher)</li>
<li>npm or yarn</li>
<li>WordPress development environment</li>
<li>WooCommerce installed and activated</li>
<li>Elementor installed and activated</li>
</ul>
<h4>Installation Steps</h4>
<ol>
<li>
Clone the repository: 
 <code>bash 
git clone https://github.com/loyalcoder/magic-extra-field-light.git</code>
</li>
<li>
Navigate to the plugin directory: 
 <code>bash 
cd magic-extra-field-light</code>
</li>
<li>
Install dependencies: 
 <code>bash 
npm install</code>
</li>
<li>
Build the assets: 
 <code>bash 
npm run build</code>
</li>
</ol>
<h4>Source Code</h4>
This plugin uses build tools to generate optimized production assets. The source code for all JavaScript and CSS files is available in the following locations:
<ul>
<li>JavaScript Source: <code>assets/src/js/</code> – Contains the original, human-readable JavaScript source files</li>
<li>CSS Source: <code>assets/src/css/</code> – Contains the original, human-readable CSS source files</li>
<li>Build Configuration: <code>webpack.config.js</code> – Webpack configuration for asset compilation</li>
</ul>
The compiled/minified assets are located in <code>assets/dist/</code> and are generated from the source files using webpack.
<h4>Build Tools</h4>
This plugin uses the following build tools: 
* Webpack: For bundling and optimizing JavaScript and CSS assets 
* npm: For dependency management and build scripts
To modify the plugin’s frontend or admin interface: 
1. Edit the source files in <code>assets/src/</code> 
2. Run <code>npm run build</code> to compile changes 
3. Test your modifications
The source code is also available on GitHub: https://github.com/loyalcoder/magic-extra-field-light

Magic Extra Field Light

Add custom fields to WooCommerce products using Elementor's interface.

HappyDevs

Md Anabil

Most WooCommerce stores already organize products with Brands, Categories, and Tags — but what about Materials? 🤔
That’s where Product Materials for WooCommerce – MadeOf comes in — helping you display clear, beautiful, and meaningful material details on every product page.
Show what your products are made with, highlight quality, and make customers feel confident about their purchase decisions.
<h4>FEATURES</h4>
✅ Display materials of single product page (product tab) 
✅ Materials Archive page 
✅ Full Materials list in Alphabetical order 
✅ Material names template 
✅ Shortcode support 
✅ Materials in Schema 
✅ Material list by product [Upcoming] 
✅ Materials Unit (%, ml, gram, gm, lb etc) [Upcoming] 
✅ Display position [Upcoming] 
✅ Stock Notifier for Favourite Materials Products [Upcoming] 
✅ Filter and sort products [Upcoming] 
✅ Import/Export product materials [Upcoming]
<h4>What MadeOf aligns</h4>
<ul>
<li>Display materials neatly on the product page</li>
<li>Add Materials as smart taxonomy instead of extra product fields</li>
<li>Support for Brands, Categories, and Tags alongside materials</li>
<li>Works seamlessly with existing WooCommerce product fields</li>
</ul>
<h3>👋 WHAT’S NEXT?</h3>
If you like Product Materials for WooCommerce – MadeOf, then consider checking our other WordPress Plugins:
👚 <a href="https://wordpress.org/plugins/faq-for-woocommerce" rel="ugc">Happy WooCommerce FAQs</a> 
Happy WooCommerce FAQs is a feature-packed, flexible, and robust WooCommerce FAQs plugin.
📙 <a href="https://wordpress.org/plugins/patternly" rel="ugc">Patternly | Gutenberg Starter Templates, Patterns</a> 
Patternly is an ultimate add-on for Gutenberg with its comprehensive solution for creating multipurpose websites quickly.
🪛 <a href="https://wordpress.org/plugins/current-template-name/" rel="ugc">OneWP | All-in-One Page Solution for WordPress</a> 
OneWP brings all essential site management features into a single, easy-to-use plugin.
🔄 <a href="https://wordpress.org/plugins/advanced-autocomplete-orders-for-woocommerce" rel="ugc">Advanced Autocomplete Orders for WooCommerce</a> 
Automatically update thousands of orders to ‘Completed’ right after purchase.
💚 Satisfied? 
👉 <a href="https://www.linkedin.com/company/happydevsteam" rel="nofollow ugc">Join our LinkedIn Page</a> 
⭐ <a href="https://wordpress.org/support/plugin/materials-for-woocommerce/reviews/?filter=5" rel="ugc">Rate us on WordPress</a> [Your Review, Our Inspiration]

Product Materials for WooCommerce – MadeOf

Display product materials and compositions beautifully in WooCommerce. Show what your products are made of!

Magic Extra Field Light vs Product Materials for WooCommerce – MadeOf