Develux Product Label Builder

外掛說明

The plugin provides two options for creating additional content that will be placed on the card and product page.
1. In Product Meta box that is placed the Label Settings
2. The plugin creates a separate section in the WooCommerce main menu
In it you can create all our label/information elements and set them by bulk
Our information elements are:
– Labels for the product
– Additional information elements for the product card

The benefits of using Label Builder

**The main function of the plugin is to help you customize your product card and page to suit your marketing needs.

Key Features

• **Custom label creating.
• **Using your own label.
• **Creating your own information elements to be placed on the product card.

Live Demo

Documentation

General overview

Label general settings

Label positioning options

Product Quantity and SKU

Custom label basic settings #1

Creating Custom Label #1

Creating Custom Label #2

How to use your own/ready-made label

How to set up a tooltip for a label

How to use Bulk Manager

Source & Development

This plugin ships production-ready, minified assets in the repository’s root dist/ directory (both CSS and JS).

Source tree:

src/js/ — JavaScript source files

src/scss/ — SCSS/CSS source files

dist/ — compiled/minified assets included with releases

We encourage contributors to review and build the plugin from source. End users do not need to run any build steps; compiled files are included in releases.

Build From Source

Requirements: Node.js (LTS or newer) and npm.

Install dependencies:
npm ci

Development build with watch (creates/update files in dist/):
npm run dev

Production build (minified, outputs to dist/):
npm run build

Build scripts (from package.json):

“dev”: “webpack –mode development –watch”

“build”: “webpack –mode production”