Offcanvas Content particle documentation

Create an off-canvas sidebar with your custom content (menu items, text or social icons)that slides in and out of the page, which is perfect for creating mobile navigations. See live Demo Page.

# Offcanvas Content Package contents

Files Description
jloffcanvascontent.yaml Contains the Offcanvas Content particle settings.
jloffcanvascontent.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Price List Particle documentation

Keep convincing the visitors in the powerful benefits of your services and products using the simple and stylish Price list particle for Gantry5, made for showcasing the pricing information. See Demo Page.

# Price List Package contents

Files Description
jlpricelist.yaml Contains the Price List particle settings.
jlpricelist.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Facebook page documentation

Place your Facebook page in a Like box across your website, to get more Likes and followers. See how Facebook page can be designed beautifully on Demo Page.

# Facebook page Package contents

Files Description
jlfacebookpage.yaml Contains the Facebook page particle settings.
jlfacebookpage.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Facebook embed documentation

Share facebook videos/posts/comments on your sites to get them to perform even better and get more views. See how Facebook embed can be designed beautifully on Demo Page.

# Facebook embed Package contents

Files Description
jlfacebookembed.yaml Contains the Facebook embed particle settings.
jlfacebookembed.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Facebook button documentation

Get the ultimate Facebook widgets pack to help you grow your social media presence. See how Facebook button can be designed beautifully on Demo Page.

# Facebook button Package contents

Files Description
jlfacebookbutton.yaml Contains the Facebook button particle settings.
jlfacebookbutton.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Open Street Map Particle

Extend the design of the advanced Open street map particle with different styles for maps to create beautiful typography. See how Open street map can be designed beautifully on Demo Page.

# Open Street Map Package contents

Files Description
jlopenstreetmap.yaml Contains the Open Street Map particle settings.
jlopenstreetmap.html.twig The Twig file to pull information, settings.
leaflet.css Contains the Leaflet CSS.

leaflet.js Contains the Leaflet library for mobile-friendly interactive maps.
leaflet-providers.js An extension to Leaflet that contains configurations for various free tile providers.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Article/Post List Particle

Easily create nice looking article lists or Post Lists, which come in different styles. See how Article/Post List can be designed beautifully on Joomla Demo | WordPress Demo.
  • # Article List Joomla Package contents

    Files Description
    jlarticlelist.yaml Contains the Article List Joomla particle settings.
    jlarticlelist.html.twig The Twig file to pull information, settings.
  • # Post List WordPress Package contents

    Files Description
    jlpostlist.yaml Contains the Post List WordPress particle settings.

    jlpostlist.html.twig The Twig file to pull information, settings.
  • # Content List Grav Package contents

    Files Description
    jlcontentlistgrav.yaml Contains the Content List Grav particle settings.

    jlcontentlistgrav.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Inline Svg Particle

Add any SVG file such as an icon or artwork and change it’s colour and size. See the live Demo Page.

# Inline Svg Package contents

Files Description
jlinlinesvg.yaml Contains the Inline Svg particle settings.
jlinlinesvg.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Social Share Particle

Add the share buttons to your Joomla/Wordpress/Grav page. See how Social Share can be designed beautifully on Demo Page.

# Social Share Package contents

Files Description
jlsocialshare.yaml Contains the Social Share particle settings.
jlsocialshare.html.twig The Twig file to pull information, settings.
sharer.min.js Contains the Sharer JavaScript library.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Alert Particle Documentation

Display success, warning and error messages with Close button and cookie based. See how Alert can be designed beautifully on Demo Page.

# Alert Package contents

Files Description
jlalert.yaml Contains the Alert particle settings.
jlalert.html.twig The Twig file to pull information, settings.
js.cookie.min.js Contains the JavaScript to handle the cookie.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Modal Module/Widget Particle

Create modal dialogs with different styles and transitions for any Joomla module.. See how Modal Module/Widget can be designed beautifully on Demo Page | WordPress Demo.

# Modal Module Joomla Package contents

Files Description
jlmodalmodule.yaml Contains the Modal Module particle settings.
jlmodalmodule.html.twig The Twig file to pull information, settings.

# Modal Widget WordPress Package contents

Files Description
jlmodalwidget.yaml Contains the Modal Widget particle settings.

jlmodalwidget.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Content Toggle Documentation

Hide, switch or change the appearance of different contents/particles through a toggle. See how Content Toggle can be designed beautifully on Demo Page.

# Content Toggle Package contents

Files Description
jlcontenttoggle.yaml Contains the Content Toggle particle settings.
jlcontenttoggle.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Titles Joomla/WordPress/Grav Particle

This particle will assist you in adding your articles to the website’s page in the form of beautiful tiles block with immaculate layout and precise style. See how Titles can be designed beautifully on Joomla Demo | WordPress Demo.
  • # Titles Joomla Package contents

    Files Description
    jltiles.yaml Contains the Titles Joomla particle settings.
    jltiles.html.twig The Twig file to pull information, settings.
  • # Titles WordPress Package contents

    Files Description
    jltileswp.yaml Contains the Titles WordPress particle settings.

    jltileswp.html.twig The Twig file to pull information, settings.
  • # Titles Grav Package contents

    Files Description
    jltilesgrav.yaml Contains the Titles Grav particle settings.

    jltilesgrav.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Button Particle Documentation

Display one or multiple buttons aligned horizontally. See how Buttons can be designed beautifully on Demo Page.

# Button Package contents

Files Description
jlbutton.yaml Contains the Button particle settings.
jlbutton.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More
80+ Joomla templates updated for Joomla 5.2.2 and JoomLead particles 2.3.1 Download
Flash Sale. Get Up to 25% Off - Coupon: FLASH25 Shop Now