URL copied to clipboard
Use the extension/package
3 views
__readtime__ Min
read
1. Go to Web > Page from the left sidebar, add a new page where you want to add your custom elements and enable the page.
2. Now start to add custom elements by clicking on the +Content button as seen in the above screenshot and the pop-up will open as shown in the below screenshot, and then go to the “Custom Elements” tab from the left side of the pop-up.
There are already 17 custom elements created in another package so the total count is 20, but you can see the 3 highlighted elements created with mypackageone are also listed.
3. Let’s use the Slider element.
3.1. After clicking on the “Slider” element from the popup, the element will be open to let you add the data.
3.2. As it is seen in the above screenshot, the option is showing “Slider Element”, and it will allow you to add slides by clicking on the button “+Add Slide” (as we named the “Create New” button to “Add Slide” at the time of custom element creation.)
3.3. After the slide is added, you will be able to add the data into the fields.
3.4. Fill up the data and then add more slides as per your requirement.
3.5. Then save the page and check in the front end, and you will see the element is rendering with the design according to the CSS file and template you have added at the time of package building.
3.6. The organized view can be seen only if you have structured the template properly and uploaded CSS and JS files for your slider. If you haven’t updated the template file or CSS/JS, then you can edit the template, CSS, and JS directly from the file.
In this example, we set the maximum item limit of slides to 4 in the Slider Element (1.5), so after the 4th slide has been added, the “+Add Slide” button will disappear.
3.7. This way you can create your custom elements by using T3Element Builder.
Share
