Plugins

Adding new plugins#

Adding a new plugin to your theme is simple.Here are two ways you can do that.

Simple approach

Place your new plugin in pages/assets/lib folder. Eg: to add the typed.js plugin, we will download it from here, unzip it and place the typed.js-master folder in pages/assets/lib folder.

Using NPM

Suppose we are installing the typed.js plugin. Here are the steps:

Step 1:

Paths = {
	... 
	DEPENDENCIES: {
		...
		'typed.js': {
			FROM: 'node_modules/typed.js/lib/*.*',
			TO: lib,
		},
	},
	...
},

Here, lib refers to pages/assets/lib, where gulp will copy files from the typed.js plugin. We actually use the lib folder to store neccassary plugins

Step 3:

Run the following command:

gulp copy:dependency

Built-in plugins

Semantic UI (Accordion)#

An accordion allows users to toggle the display of sections of content.

Implementation in theme - Full Documentation
FontAwesome 5#

Get vector icons and social logos on your website with Font Awesome, the web's most popular icon set and toolkit.

Full Documentation
jQuery.mb.YTPlayer#

An HTML5 Background player for YouTube video.

Implementation in theme - Full Documentation
Countup#

Count up component will start counting after an element with data-countup attribute become visible in the viewport

Implementation in theme - Full Documentation
Fancyscroll#

This smooth scrolling plugin which allows you to animate the page's scrolling to elements within the page. The markup snippet below demonstrates:

Implementation in theme - Full Documentation
Flexslider#

This smooth scrolling plugin which allows you to animate the page's scrolling to elements within the page. The markup snippet below demonstrates:

Implementation in theme - Full Documentation
+(123) 456 78910

Have a question? call us now

help@medicare.com

Need support? Drop us an email

Mon – Sat 07:00 – 21:00

We are open on