Skip to main content

Install Custom Elements

Every Element has a readme.md file with the required instructions in it

Joomla

NEW: install elements as plugin

Download the zip-file of your element, you can choose between the plugin for Joomla and the plugin for WordPress.

Once downloaded the Joomla file will look like that: cfnameofelementplgjoomla-X.X.zip

Simply Select or Drag&Drop the correct .zip file into Joomla extension install section. Make sure the plugin is activated and that you´ve turned on jQuery if needed.

Simple as that!


Install the elements

To install the custom elements you have to create a /builder folder in your child theme that you have created in the step above. After creating the builder folder in your child theme, upload the custom elements in the builder folder. To do so first UNZIP the download on your computer and upload the content to the builder folder. If there are a joomla and a wordpress folder within your downloaded ZIP file (e.g. cf Simple Form), please only use the content of the folder corresponding to your CMS.

Now you should see the elements inside the page builder. If you can’t see the elements try to reload the page and make sure you have followed the steps before correctly.


jQuery

The following elements need jQuery enabled in the YOOtheme settings. All other elements do not need jQuery enabled.

  • cf Emotion Accordion

  • cf Comparison Slider

  • cf Counter

WordPress

NEW: install elements as plugin

Download the zip-file of your element, you can choose between the plugin for Joomla and the plugin for WordPress.

Once downloaded the WordPress file will look like that: cfnameofelementplgwp-X.X.zip

Navigate to Plugins, click add Plugins and choose the element zip-file. Make sure the plugin is activated and that you´ve turned on jQuery if needed.

Simple as that!

Use a child theme

Use your existing child theme if you have already created one.

Otherwise you need to create a child theme of your YOOtheme Pro theme.
You can find a guide how to do this in the YOOtheme documentation.


Install the elements

To install the custom elements you have to create a /builder folder in your child theme that you have created in the step above. After creating the builder folder in your child theme, just upload the custom elements.

Now you should see the elements inside the page builder. If you can’t see the elements try to reload the page and make sure you have done the steps before correctly.


jQuery

The following elements need jQuery enabled in the YOOtheme settings. All other elements do not need jQuery enabled.

  • cf Emotion Accordion

  • cf Comparison Slider

  • cf Counter

Problems

If you got problems with installing the custom elements just contact us.