
The advantage of customizable products is that they are always in demand and are also unique to each store and the products they sell.īut then what are custom product builders and how do they help? Well, let’s have a brief look at it.Ĭustom Product Builders or Product Configurators are applications or modules that equip your eCommerce store with the functionality to create or customize products. One such unique way to engage your users is by providing customizable products. After all, it will be of no use if there’s something unique about your store but the customers do not prefer it. However, you have to carefully analyze these options to choose ways that are in the highest demand by your customers. There are a number of unique ways that can help you stand out from the others. So today, it simply isn’t enough to make things available for your customers easily, you have to make yourself stand out a little. Unlike earlier times, customers today have easy access to a variety of things.

Don’t hesitate to leave a comment below if you have any questions or need any support.Consumer trends have changed drastically over the years.
Magento 2 custom product builder how to#
So we’ve given you a complete guide on how to customize Magento 2 product tabs with Single Product Page Builder by Magezon. You can create as many sub tabs as possible.

Magento 2 custom product builder plus#
To add another sub tab, click plus icon at the end of the tabs’ bar. Design Options: open Design Options tab in the popup.+ Choose the position for icon (on the left or right of the title) + Icon Library: choose the library of icons. – Add Icon: turn on to add icon next to sub tab’s title: Edit: click this or the edit icon next to the second Tabs to open settings popup of the sub tab:.Another way to do this to click plus icon inside the sub tab. Add Element: add an element into the sub tab.You need to hover over the second Tabs to see a drop-down like this: Hover over a sub tab to see a bar at the top. Then hover over the first Tabs with a similar dropdown as above. Or another way is to hover over a sub tab and a bar will appear. Replace with: replace Tabs element with another one.Copy: copy the whole tabs and paste it in other positions.Design Options: click to open Design Options tab in the popup.Edit: click to open the popup for customizing the whole tabs.Hover over Tabs and a dropdown will show up like this: If you want to customize the whole tabs again, hover over the top of the tabs and you’ll see a bar appearing. The tabs you’ve just added will look like this: Customize text, background and border color when tabs are Normal (not active), Active, and on Hover.Border Width / Border Radius / Border Style: thickness, roundness and style of the border respectively.Spacing: distance between sub tabs (px).Hide Empty Tab: hide sub tabs that have no content.Active Tab: the sub tab that will be active on page load.Gap: distance between tabs’ bar and main content (px).Widget Description: description of tabs that appear below the title.Show Line: show the line in title or not.Title Tag: choose heading for tabs’ title.Title Alignment: alignment of tabs’ title.Customize whole tabsĪfter adding Tabs element, a popup will appear so that you can customize the whole tabs.

Find and click Tabs element to add it into the builder sections. Then a popup with all elements will show up.
