![product builder magento product builder magento](https://cdnblog.webkul.com/blog/wp-content/uploads/2019/01/AR-Measurementproduct_details-1.png)
They are distinguished by store view name and store view id.Ĭlick Apply button to require duplication. If the Product Id you entered exists, a select list will be shown, allow you to choose from which store view to be duplicated.Ĭhoose a store view to duplicate. Please note once more, this is the product that has the description (built by Builder) you want to duplicate. Now, you do the work of entering the Product Id of the Source Product again. Then click it and you can see the pop up box again. Right below you can see the dropdown, click it and find Copy Description Template button. Tick on the product(s) that you want to be Pasted a new Builder description. In the left column, you can see a tick box for each product. This method helps to duplicate a Builder's product description to several products. Columns button: Shortcuts to change the Block col.Pencil button: Edit settings of that block.Remember that, the block can't be moved out section or section col. Arrows button: You can drag & drop block to change position.
![product builder magento product builder magento](https://blog.magezon.com/wp-content/uploads/2019/04/Magento-2-Single-Product-Page-Builder-_-Elements-1024x670.png)
Animation Delay: Delay of animation effectĪfter configuring & saving block, you can see the demonstration of this element, also the group button to edit this block.Block Animation: Animation effect of the block when page load.Custom class: Add CSS class of block for styling.Hidden: Choose to hide the block on any resolution of desktop, tablet of mobile.General Tab settings for all Builder Elementīlock col (12 to full): Set width (%) for block on desktop, tablet and mobile screen.Įxplanation of how block col works in any resolution Mageplaza Extensions: Extra extensions from Mageplaza that we recommend you to use.Įach block will have different settings, but there are some similar settings on General tab. Social: CMS blocks support popular social networks. Static Content: General contents which are designed for various different purposes.Ĭatalog: Elements related to category and products. You can see 25+ available elements divided into 4 main groups. On CMS page, for any section, you can see Add New Block button After choosing config column, there will be a more detailed configuration for tablet and mobile resolution for you to set if you need.Or you can input the number by yourself, provide that the sum of 2 columns must equal to 12. This config applies for most desktop resolution.īased on the illustration, choose the best division that suitable with your requirement. On config column, you can see options for layout section (border red on the demo image). This option to generate space bottom with your value pixel for section. Padding bottom: Input number for field.This option to generate space top with your value pixel for section. This same background-size: cover on style css. Some parts of the background image may not be in view within the background positioning area. Background Cover: Scale the background image to be as large as possible so that the background area is completely covered by the background image.This same background-attachment: fixed on style css. Parallax: If you use background image and you want fixed background, enable it.This same background-repeat: repeat on style css. Background repeat: If you use background image and you want repeat image for background, enable it.
![product builder magento product builder magento](https://static.magento.com/sites/default/files8/inline-images/21989_dx_Solutions-Page-Small-Business_why-magento-image.png)
![product builder magento product builder magento](https://1.bp.blogspot.com/--h4YPQ04PnI/Xz26ASa8gQI/AAAAAAAAACM/TZQwHWk_zu8wc7tNYhdfeAJqSWRLN8OmwCLcBGAsYHQ/s1024/1.%2BCustomize%2BMagento%2B2%2Bproduct%2Btabs%2Bwith%2BSingle%2BProduct%2BPage%2BBuilder.png)
If you add background image, you can see checkbox Remove background to remove background image next time. You can upload an image from your computer. You can input Hexadecimal color values to field or use Color picker tool on the right.īackground image: Config background image for section. Background color: Config background color for section.Background gradient: Choose Yes to config the gradient color effect for background.No padding: Choose Yes to remove padding of section.