{"id":142101,"date":"2026-09-30T00:44:42","date_gmt":"2026-09-30T00:44:42","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2026\/09\/30\/woocommerce-composite-products-a-smart-composite-box-product\/"},"modified":"2026-09-30T00:46:13","modified_gmt":"2026-09-30T00:46:13","slug":"woocommerce-composite-products-a-smart-composite-box-product","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2026\/09\/30\/woocommerce-composite-products-a-smart-composite-box-product\/","title":{"rendered":"Woocommerce Composite Products – A Smart Composite Box Product"},"content":{"rendered":"<\/a>\n<\/p>\n

LIVE PREVIEW<\/a>BUY FOR $29<\/a><\/p>\n

<\/p>\n

Permit your prospects to mix \/ bundle a number of particular person items or providers step-by-step and create a drawer \/ grouped product for buy. Customers on the front-end can choose a product from classes and create a bundle\/drawer of their very own selection.<\/p>\n

Let’s take an instance of clothes. In an effort to construct a whole gown, your prospects can select objects from completely different classes step-by-step. In first part, they will choose footwear from ‘Shoe Class’, in second part they will choose shirt from ‘Shirts class’, and so forth.<\/p>\n

Admin can add and configure every part from backend and assign a class to it. On the frontend, every step seems as a piece. Six steps imply six bins might be proven on frontend, and likewise.<\/p>\n

As soon as all of the bins are stuffed, buyer could checkout with the tailor-made choice.<\/p>\n

Key Options:<\/strong><\/p>\n

    \n
  1. Permits prospects to make higher choices by micro number of merchandise and create an ideal bundle\n <\/li>\n
  2. Admin can allow step-by-step product choice. Every step seems as a field merchandise on frontend.\n <\/li>\n
  3. Admin can assign a class to every step in order that prospects can choose completely different objects in several steps\n <\/li>\n
  4. On the frontend, you may show quick description together with field.\n <\/li>\n
  5. Configure labels for Add to cart button, Field worth subject and Add to Field button<\/li>\n
  6. Choose field coloration scheme<\/li>\n
  7. \n Choose Field worth equivalent to<\/p>\n
      \n
    1. Common worth<\/li>\n
    2. Merchandise addons worth solely<\/li>\n
    3. Common worth + Addons worth<\/li>\n<\/ol>\n<\/li>\n
    4. Choose structure for frontend equivalent to 3 columns, 4 columns and many others.<\/li>\n
    5. Choose structure for merchandise which reveals on frontend after you click on on any field. This may be like 3 columns, 4 columns and many others.\n <\/li>\n
    6. Allow\/disable product worth<\/li>\n
    7. You may give the low cost on product.<\/li>\n
    8. Allow\/disable low cost on product.<\/li>\n
    9. Create variety of steps as required and configure mandatory info equivalent to,\n
        \n
      1. Title of Step<\/li>\n
      2. Title for Product structure<\/li>\n
      3. Description for product structure<\/li>\n
      4. Assign classes or particular person merchandise<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n

        How It Works:<\/strong><\/p>\n

        \n After you put in this plugin, go to merchandise, add\/edit any product and you will discover a brand new choice ‘Sensible Field’. On this part you may configure structure settings, enabled \/disable worth and add steps. Please see demo or snapshots for extra info.\n <\/p>\n

        \n After set up you may configure following choices as per your necessities<\/p>\n

        Normal Settings<\/h3>\n

        \n \"\"<\/p>\n

        A lot of the setting is self descriptive. So, we are going to focus on just some factors.<\/p>\n

        \n Present Product Brief Description:<\/strong><\/p>\n

        \n This feature disable\/allow product quick description and present it on completely different place.<\/p>\n

        \n Add to Cart Button Label:<\/strong><\/p>\n

        \n You possibly can add\/edit label of add to cart button right here. This title will seem on itemizing pages.<\/p>\n

        \n Field Value Label:<\/strong><\/p>\n

        \n You possibly can add\/edit field worth label. This label will seem earlier than worth. Let suppose you add “Field Value” then it can seem as: Field Value $14.99.<\/p>\n

        \n Add to Field Label:<\/strong><\/p>\n

        \n You possibly can add\/edit add to field label from right here. Add to field button exist on store web page<\/p>\n

        \n Field Heading:<\/strong><\/p>\n

        \n You possibly can add\/edit the field heading. This can seem earlier than the worth.\n <\/p>\n

        \n Border Radius:<\/strong><\/p>\n

        \n You possibly can add\/edit border radius. So, this can influence on the border radius for chosen objects on the entrance finish.\n <\/p>\n

        \n Containers Background Colour:<\/strong><\/p>\n

        \n You possibly can add\/edit part bins background coloration from right here.<\/p>\n

        \n Containers Border Colour:<\/strong><\/p>\n

        \n You possibly can add\/edit part bins border coloration from right here.<\/p>\n

        \n Part Background coloration:<\/strong><\/p>\n

        \n You possibly can add\/edit part background coloration from right here.<\/p>\n

        \n Step Title Textual content Colour:<\/strong><\/p>\n

        \n You possibly can add\/edit step identify textual content coloration from right here.<\/p>\n

        Product Settings<\/h3>\n

        \n \"\"<\/p>\n<\/p>\n

        \n \"\"<\/p>\n

        Product Information:<\/strong><\/p>\n

        \n Choose Sensible Field from product information.<\/p>\n

        \n Field Pricing:<\/strong><\/p>\n

        \n Field pricing will let you repair good composite field product worth or change in response to choose completely different merchandise. There are three choice of field pricing.\n <\/p>\n

        Common Value:<\/strong> If you choose this selection, if any kind of product you add to field from steps its worth might be identical as field product<\/p>\n

        Product Addons Value Solely:<\/strong> This feature will change worth of cart with each product which being added to field.<\/p>\n

        Common Value with Product Addons Value:<\/strong> If you happen to allow this selection it can add worth of all merchandise which been added to field together with common worth of field product..<\/p>\n

        \n Field Structure Columns:<\/strong><\/p>\n

        \n You possibly can specify columns of bins from right here<\/p>\n

        \n Merchandise Structure Columns:<\/strong><\/p>\n

        \n You possibly can change variety of merchandise to be proven from right here.<\/p>\n

        \n Present Merchandise:<\/strong><\/p>\n

        \n You possibly can specify quantity to indicate merchandise initially. Notice: Quantity can’t be larger than ‘Merchandise
        \n Structure Columns’<\/p>\n

        \n Present Merchandise Value:<\/strong><\/p>\n

        \n You possibly can allow\/disable worth of merchandise from right here.<\/p>\n

        \n Calculate Low cost:<\/strong><\/p>\n

        \n You may give low cost to the product. Please be aware that the low cost is in share. So, you can’t use larger than 100<\/strong><\/p>\n

        \n Add Field Step:<\/strong><\/p>\n

        \n You possibly can add field step from clicking the Add to Field Step button.<\/p>\n

        \n Steps Choices:<\/strong><\/p>\n

        \n Step Title:<\/strong><\/p>\n

        \n You possibly can specify step identify from right here.<\/p>\n

        \n Product Structure Title:<\/strong><\/p>\n

        \n You possibly can specify product structure title from right here. It will likely be proven earlier than field step merchandise<\/p>\n

        \n Product Structure Description:<\/strong><\/p>\n

        \n You possibly can specify product structure description from right here. It will likely be proven earlier than product structure
        \n title.<\/p>\n

        \n Choose Merchandise:<\/strong><\/p>\n

        \n You possibly can choose a number of merchandise for the field step from right here.<\/p>\n

        \n Choose Product Classes:<\/strong><\/p>\n

        \n You possibly can choose a number of Classes for the field step from right here.<\/p>\n

        Frontend View<\/h3>\n

        Slider Structure<\/h4>\n

        \"\"<\/p>\n

        Vertical Structure<\/h4>\n

        \"\"<\/p>\n

        Field Part<\/h4>\n

        \"\" <\/p>\n

        \n Product Title:<\/strong><\/p>\n

        \n Sensible Composite Field Product title seems earlier than all product steps<\/p>\n

        \n All Steps:<\/strong><\/p>\n

        \n All sections\/steps which is added from backend seems after product title.<\/p>\n

        \n All Merchandise:<\/strong><\/p>\n

        \n Earlier than merchandise there’s step title and outline space if added. After step description all merchandise which is added individually and merchandise of various classes might be proven.<\/p>\n

        \n Merchandise Added:<\/strong><\/p>\n

        \n When all steps grow to be full then add to field button allow so as to add to cart all of the merchandise. You possibly can delete chosen product from steps to click on on step for including one other product<\/p>\n

        Request a Characteristic <\/h2>\n

        Please contact our assist group to request one other characteristic or any customization.<\/p>\n

        Changelog<\/strong><\/h3>\n
        \nModel 1.2.6\n* Added - New choice to auto-scroll to the add-to-cart button after the product choice is full on the product web page.\n* Fastened - PHP discover when a Sensible Field product is saved within the admin panel.\n<\/pre>\n
        \nModel 1.2.5\n* Fastened - PHP discover when a product is faraway from the cart.\n<\/pre>\n
        \nModel 1.2.4\n* Fastened - Slider not working correctly.\n<\/pre>\n
        \nModel 1.2.3\n* Fastened - Added lacking translations.\n<\/pre>\n
        \nModel 1.2.2\n* Fastened - Product choices not updating on newest WP model.\n<\/pre>\n
        \nModel 1.2.1\n* Fastened - Small random fixes in code and code optimization.\n* Added - Choose field structure kind for every Composite Product.\n<\/pre>\n
        \nModel 1.2.0\n* Fastened - Small random fixes in code and code optimization.\n* Added - Added - Choose structure for every Composite Product.\n<\/pre>\n
        \nModel 1.1.0\n* Fastened - Match top challenge for slick slider.\n* Fastened - Responsive challenge for slick slider.\n<\/pre>\n
        \nModel 1.0.0\n* Preliminary Launch.\n<\/pre>\n
        \n