Download .zip file with module after purchase on you hard drive.
Login in to admin part of your store and go to modules section.
Choose “add new module” button, then choose module and upload it.
After install module you can see a switch button (turn on/turn off builder) and field for enter your current IP address. If you use IP then only you can use the builder on any pages. Other customers will see ready to use page.
Here you can select font of all text for current page and set a loader that user can see before opening this page. The loader will be visible to the user until all the contents of the page are loaded.
Just click on the ruler icon, and you will see the grid on the current page, it is needed for easy sorting and positioning of all the elements on the page.
Here you see two buttons “Custom code” and “Custom css”. Custom code needs if you want a place on page facebook pixel or other metrics. In custom css window you can add your own style for any element on page using standard css3 syntax.
In each section option window contain three tabs:
In content tab you can change any text variables, images and backgrounds for desktop and mobile devices. Use language selector to type correct translation. Remember in this selector were all languages that you have already installed in you shop and this selector will be hide if you use only one language.
Listing tab contain addition elements with own structure. Here you can edit, delete and change position each of them. Variables for this element can be different for some blocks but all is simple and have main description.
* If you choose icon and load image for an element than on page will show an image! If you want to show icon, you need to delete an image by select checkbox and press apply.
Options tab contains of switchers that modify content on current section. Here the short description about all of it:
Show on mobile – (turn on/off section to show on mobile devices)
Show on tablet – (turn on/off section to show on tablet devices)
Title down – (use this option if you want to show title in lower content column)
Swap content – (this option change placement of content in the current section)
Leadgen button – (show button that with lead form in pop-up window “pop-up module must be installed ”)
Video button – (show video by pressing on video button “video url must be entered in content tab”)
Leadform – (show lead form “leadform module must be installed ”)
Bullits in column – (show all listing elements in column)
Number of columns –(enter number of columns)
Collapse bullits – (show all listing elements as collapse items)
Bullits with image background – (placed image of listing elements to background of this elements)
Video bullets – (convert all listing elements to video)
Show "add to cart" button - (option for catalog section)
Show stickers - (option for catalog section)
Show timer on products - (option for catalog section)
Parallax – (turn on parallax mode)
Video background – (turn on video background “parallax must be turn on”)
Full width – (content of current section will be placed on full width of user screen)
No margin – (delete margin of columns)