Product Box

EComposer Page Builder is known for our no-code drag-and-drop page builder that enables non-technical users to create pages. One of the most powerful features of our Page Builder is our Product Box element. It allows you to create a custom product grid section. Single Product elements can also be included to create product items within the element.

Now you can unleash your creativity to modify the content of the custom grid element with this extremely useful element. Access the Product Box element easily within the Element sidebar. For example, you can create a Product grid section with 3 different products.

Note: This element can not work on the Product or Collection templates. You can use it on the Homepage or Landing page.

Also, please add max 4 Product box elements per page only. Adding too much will slow down your page. If you want to display more than 4 products on your page, please use the Product grid element.

You’ll want to pay attention to what your section look like on mobile and tablet devices before hitting publish on your first few pages in Page Builder. We make it easy to switch between device views while in our editor–allowing you to create customized views that work well on mobile. You can preview your content on common device sizes using the toggles at the top of the editor.

You can even apply different style settings to elements for each of the different screen sizes. Once an element is selected, click on the Styles tab in the editor’s sidebar and then click on the Devices icon next to the style you’d like to edit.

To get access to the Product box feature please get back into the editor and give it a try for yourself!