XT ReadmoreXT Readmore implements a smooth and responsive technique for collapsing and expanding long blocks of text with 'Read more' and 'Close' links

XT Readmore works collapsing and expanding long blocks of text. In this way, the page only loads the defined intro text, with no need of the addition of any other setting in your articles.


The plugin is powered by jedfoster/Readmore.js.

For more information, please, visit jedfoster/Readmore.js

$ 19
XT Readmore - 6-month Subscription
Buy Now!

$ 34
XT Readmore - 1 year
Buy Now!

Requirements - GNU GPL v3.0 License - Pre-Sales FAQ - Installation Services
If you are renewing, please log in to your account before the purchase and remember to apply the loyalty coupon (20% Off).
Looking for an installation / personalization service? Our Installation Service service is the product of dedication, experience, knowledge and a customer-focused mindset.

Benefits

  • Improves page load time.
  • Prevents large block of text showed when page loads
  • Light and Responsive.

Examples & Demo

Example 1: XT Readmore enabled, desktop.

XT Readmore Desktop 1
XT Readmore Desktop 2

Example 2: XT Readmore enabled, mobile.

XT Readmore Mobile 1
XT Readmore Mobile 2

XT Readmore Configuration

Tips to configure the plugin: Define the included URLs. For example: /blog. One URL per line. Adjust the Collapsed Height to your site.

 

  • Selectors: JQuery Selectors to choose elements to be analyzed.
  • Collapsed Height: If the Height of the element is bigger, then it will be shown collapsed
Readmore 1
Readmore 2
  • Minimized: Minimized JavaScript
  • Active in the backend: Activate to use Font Awesome in the backend
  • Include these URLs: Include the script only in these URLs

XT YouTube OptimizerXT YouTube Optimizer for Joomla! is a port of A Better Method for Embedding YouTube Videos on your Website (Amit Agarwal).

XT YouTube Video Optimizer detects all Youtube players in a page and replaces them with the default video image, that can be clicked to play the original video player. In this way, the page only loads the image associated with each video, instead of loading, by default, all the heavy video iframes.

$ 29
XT YouTube Optimizer - 6-month Subscription
Buy Now!

$ 52
XT YouTube Optimizer - 1 year
Buy Now!

Requirements - GNU GPL v3.0 License - Pre-Sales FAQ - Installation Services
If you are renewing, please log in to your account before the purchase and remember to apply the loyalty coupon (20% Off).
Looking for an installation / personalization service? Our Installation Service service is the product of dedication, experience, knowledge and a customer-focused mindset.

Benefits

  • Improves page load time.
  • Light and Responsive
  • Prevents loading embedded YouTube video player when page loads
  • Site code stays clean

XT YouTube Optimizer provides an easy solution to improve the web page speed. The plugin avoids loading YouTube player each time your web page loads which impact performance. In addition, it's not need to specify the player size, as now the video is embedded responsively.

Examples & Demo

Check our live demo at https://demo.xtdir.com/xt-youtube-optimizer.html

Example: XT YouTube Optimizer enabled, image with a Play Button.

XT YouTube Optimizer Configuration

  • Show the Play button: By default, the plugin shows an image button.
  • Select a Play button: Select the image that is diplayed as Play button.
  • Background color: Choose a background color
xt youtube
xt youtube 2
  • Load CSS: The plugin requires a set of styles. With this setting, the default load can be disabled and integrated into another stylesheet.
  • Load JS: The plugin requires a set of routines. With this setting, the default load can be disabled and integrated into another file.

The ultimate plugin to load vector icons selectively. Install it everywhere and enable only what you need.

Beyond template random assets, a single plugin to empower your sites.

$ 19
XT Ultimate Vector Icons - 6-month Subscription
Buy Now!

Requirements - GNU GPL v3.0 License - Pre-Sales FAQ - Installation Services
If you are renewing, please log in to your account before the purchase and remember to apply the loyalty coupon (20% Off).
Looking for an installation / personalization service? Our Installation Service service is the product of dedication, experience, knowledge and a customer-focused mindset.

In a nutshell

XTUltimateVectorIcons includes the following iconsets:

Font Awesome - http://fontawesome.io
Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
Foundation Icon Fonts - http://zurb.com/playground/foundation-icon-fonts-3
Customize your icons to be any size, color, style in CSS.
Ionicons - http://ionicons.com
The premium icon font for Ionic Framework. 100% free and open source.
euro_symbol material.io - Material Design Icons - https://material.io/icons
Material icons are beautifully crafted, delightful, and easy to use in your web, Android, and iOS projects.
Material Design Icons - https://materialdesignicons.com
2000+ Material Design Icons from the Community
Octicons - https://octicons.github.com
Your project. GitHub's icons.
Typicons - http://www.typicons.com
Typicons is the result of many stolen hours and late nights to create a high quality icon font that would be free for everyone to use.

Pricing

  • JFontAwesome
    For community sites
  • $ 0
  • FontAwesome
  • -
  • -
  • -
  • -
  • -
  • -
  • Community Forum
  • XT Ultimate Vector Icons
    For commercial usage
  • $ 19
  • Font Awesome
  • Foundation Icon
  • Ionicons
  • Material Design Icons
  • Octicons
  • Typicons
  • Page Inclusion / Exclusion
  • Unlimited Tickets
  • Buy Now!

Examples & Demos

Font Awesome

Sample Code:

<i class="fa fa-flag"></i>

Foundation Icon Fonts

Sample Code:

<i class="fi-heart"></i>

Ionicons

Sample Code:

<i class="ion-ionic"></i>

Material Design Icons - https://material.io/icons

euro_symbol alarm_add search videocam gesture

Sample Code:

<i class="material-icons">euro_symbol</i>

Material Design Icons - https://materialdesignicons.com

Sample Code:

<i class="mdi mdi-account"></i>

Octicons

Sample Code:

<i class="octicon octicon-alert"></i>

Typicons

Sample Code:

<span class="typcn typcn-adjust-brightness"></span>

Plugin configuration

Features

These are the plugin parameters:

  • Font Awesome
  • Foundation Icon Fonts
  • Ionicons
  • Material Design - https://material.io/icons
  • Material Design Icons - https://materialdesignicons.com
  • Octicons
  • Typicons
  • Minimized
  • Active in the Backend
  • Include these URLs
  • Exclude these URLs

XT Menu - Nav Tabs with dropdowns for Bootstrap 2 and 3

The ultimate module to render a responsive Bootstrap Dropdown menu for Bootstrap 2 and 3. Install it everywhere and enable only what you need.

Beyond template random menus, a single module to empower your sites.

$ 19
XT Menu - 6-month subscription
Buy Now!

$ 34
XT Menu - 1 year
Buy Now!

Requirements - GNU GPL v3.0 License - Pre-Sales FAQ - Installation Services
If you are renewing, please log in to your account before the purchase and remember to apply the loyalty coupon (20% Off).
Looking for an installation / personalization service? Our Installation Service service is the product of dedication, experience, knowledge and a customer-focused mindset.

In a nutshell

XT Menu - Nav Tabs with dropdowns generates the required Bootstrap structures to generate Nav Tabs with dropdowns. Additionally, it has support for up to 9 nested levels.

This module displays a menu on the frontend, based on Bootstrap, Subnav, Nav Nav-pills, with Dropdown Menu for Boostrap 2.3.2 and 3. A multi-level dropdown menu on Bootstrap 2 and 3

NOTE: Bootstrap Tabs and dropdowns must be supported by your template.

Pricing

  • JB DropDown Menu Free
    For community sites
  • $ 0
  • Dropdown menu
  • Bootstrap 2
  • -
  • -
  • Community Forum
  • XT Menu
    For commercial usage
  • $ 19
  • Dropdown menu
  • Bootstrap 2 and 3
  • Sub-menu Items
  • N-levels
  • Unlimited Tickets
  • Buy Now!

Examples & Demos

We have published a menu module example in our XTDir demo site, please visit it here.

Compatible with Joomla 3 and Bootstrap 2.3.2

For more information, Dropdown menus

Compatible with Joomla 3 and Bootstrap 3  

For more information, Dropdowns

Module configuration

xt menu nav tabs with dropdowns for bootstrap 2 and 3 configuration

Features

These are the module parameters:

  • Select Menu
  • Base Item
  • Start Level
  • End Level
  • Show Sub-menu Items
  • Alternative Layout
  • Load Submenu Style
  • Load Submenu Script

Adaptive ImagesXT Adaptive Images for Joomla! is the best extension to generate responsive images. The plugin implements:

  • Adaptive Images, to generate images of different sizes to match the desktop and mobile resolutions.
  • HTML's new responsive image attributes, to support the latest HTML's new responsive image attributes.
  • Lazy Load, to delay the photos load until it is finally required when the user visits a page.
  • CDN Integration, to deliver images from your CDN.

$ 29
XT Adaptive Images PRO - 6-month Subscription
Buy Now!

$ 52
XT Adaptive Images PRO - 1 year
Buy Now!

Requirements - GNU GPL v3.0 License - Pre-Sales FAQ - Installation Services
If you are renewing, please log in to your account before the purchase and remember to apply the loyalty coupon (20% Off).
Looking for an installation / personalization service? Our Installation Service service is the product of dedication, experience, knowledge and a customer-focused mindset.

Benefits

  • Works on your existing site
  • Incorporates the latest HTML's new features for desktop and mobile
  • Requires no markup changes
  • Device agnostic
  • Mobile-first philosophy
  • Easy & powerful customisations
  • Faster Page Loads & Reduced Server Load, easy integration with a Content Delivery Network (CDN)

La Gioconda - XT Adaptive Images

Adaptive Images

XT Adaptive Images for Joomla! is a port of adaptive-images.com.

The Adaptive Images technique detects your visitor's screen size and automatically creates, caches, and delivers device-appropriate re-scaled versions of your web page's embedded HTML images. No mark-up changes needed. It is intended for use with Responsive Designs and to be combined with Fluid Image techniques.

By default, the basic HTML IMG tag has a single SRC attribute with the associated image file. XT Adaptive Images implements several techniques to generate and deliver the right images for each device screen.

Lazy Load

XT Adaptive Images also includes images Lazy Load. This technique delays loading of images in long web pages. Images outside of viewport are loaded when the user scrolls to them. The plugin packs two libraries:

HTML's new responsive image attributes, srcset and sizes

Save bandwidth and speed up your site by sending the correctly-sized images to the device with HTML’s new responsive images capabilities. This option generates all image sizes, regardless of the device width.

The Adaptive Images is a good first answer to generate images of adequate approximate size, based on the screen dimension. Since the browser calculates the final size of the required image, the srcset and sizes attributes have been added to the HTML standard. In this way, the browser can select and load the perfect image.

XT Adaptive Images processes the defined images, with the basic attributes, by the standard content editor; and generates the new srcset and sizes attributes. No need for content workflow or markup changes.

For more information about the new HTML's new features:

Examples & Demo

The images on our site are processed with XT Adaptive Images. On a Desktop, they are delivered from our Content Delivery Network (CDN) with no modification. On Tablets, Phones, or Phablets, they are also delivered from the CDN, but images are modified to fit the screen view.

Mona Lisa - XT Adaptive Images

La Gioconda - XT Adaptive Images

Leonardo da Vinci - presumed self-portrait - XT Adaptive Images

XT Adaptive Images Versions

Features

  • Adaptive Images
    • Resolutions: The resolution break-points to use (screen widths, in pixels). By default: 1382,992,768,480.
    • PRO Generate srcset: Save bandwidth and speed up your site by sending the correctly-sized images to the device with HTML’s new responsive images capabilities. This option generates all image sizes, regardless of the device width.
      • PRO Generate srcset sizes: The associated sizes field for images.
    • Resolutions: The resolution break-points to use (screen widths, in pixels). By default: 1382,992,768,480.
    • File Types: Options to choose gif, jpg / jpeg, or png integration.
    • Ignore Files: A comma-separated list of (part of) path/file names to ignore.
    • Enable in Inline Scripts: Enable to convert the media file URLs found in inline javascript.
    • JPG Quality: The quality of any generated JPGs on a scale of 0 to 100.
    • Sharpen: Shrinking images can blur details, perform a sharpen on re-scaled images?
    • Detect Retina displays: You can choose to serve high DPI images to those displays.
    • PRO Cache Path: Path to the directory where resized images will be stored. By default, media/xt-adaptive-images.
  • CDN Configuration
    • Site Root: The root of your website that you have connected to your CDN server.
    • CDN Domain: The domain of your CDN Server.
    • PRO Handle HTTPS urls: Select to also handle https urls (secure urls)
  • PRO Extra CDN Sets
    • Options to configure up to 5 extra CDN Sets, available features for each CDN: Site Root, CDN Domain, Handle HTTPS urls, File Types (gif, jpg / jpeg, or png), Ignore Files, and Enable in Inline Scripts.
  • PRO Lazy Load Images
    • Enable Lazy Load Images: Lazy Load is delays loading of images in long web pages. Images outside of viewport are not loaded until user scrolls to them.
    • Image class: Class to detect images to be lazy loaded. By default, xt-lazy-img. You can define more than one, for example: img-polaroid,xt-lazy-img.
    • Lazy Load Library
      • jQuery Lazy Load (1.9.5)
      • Vanilla Lazy Load (2.0.0-beta.2)

Acknowledgements

Right-sizing Images - Mixing Responsive and Adaptive Techniques

This extension is based on a presentation given at J and Beyond 2014, Mixing Responsive and Adaptive Techniques, by Duke Speer.

Right-sizing Images - Mixing Responsive and Adaptive Techniques

About Adaptive Images

Adaptive Images by Matt Wilcox is licensed under a Creative Commons Attribution 3.0 Unported License. This Joomla! extension would not be possible without this amazing piece of code. Thank you Matt!

About Lazy Load

Lazy Load Plugin for jQuery is inspired by YUI ImageLoader Utility by Matt Mlinac. All code licensed under the MIT License. In other words, you are basically free to do whatever you want. Just don't remove my name from the source.

Working with Twitter's Bootstrap, there's a natural requirement to support all framework features.

JB DropDown Menu module displays a menu on the frontend, with the following structure to show the drop down menu with dropdown sublevels:

- Navigation bar (nav class)
-- Dropdown (ul dropdown class)
--- Dropdown Toggle Item (li dropdown-togle class)

The module customizes the native Joomla menu for Bootstrap.

The module does not load Bootstrap files. They must be provided by the template

mod jbmenuIt's module menu created to customize the main menu, based on the native Joomla menu.

Installation & Upgrading

Download Latest Stable v3.0.0 Install from Web v3.0.0

Please, install it using the Joomla installer, and remember to enable the plugin.

Ready for more?

  • JB DropDown Menu Free
    For community sites
  • $ 0
  • Dropdown menu
  • Bootstrap 2
  • -
  • -
  • Community Forum
  • XT Menu
    For commercial usage
  • $ 19
  • Dropdown menu
  • Bootstrap 2 and 3
  • Sub-menu Items
  • N-levels
  • Unlimited Tickets
  • Buy Now!

Support

Recommended versions

  • Joomla 2.5, 3 or superior

02-XTDir-My-SobiPro-Entries-App Show SobiPro entries in JomSocial profiles!

"XTDir My SobiPro Entries for JomSocial Free is plugin for JomSocial to provide a core application to show SobiPro entries."

Extension formerly known as SobiProPosts.

In a nutshell

When an user publishes SobiPro entries, they are associated with the user. My SobiPro Entries shows these entries in the user profile.

Download / Install from Web v6.8.1

Examples & Demos

Demo Site

In these examples, you can check how XTDir extends JomSocial and SobiPro in our demo site http://demo.xtdir.com. Please, check it here in the demo site http://demo.xtdir.com, where you can find the classic JomSocial 3 installation and SobiPro v1.1 business directory, with 2.000 more entries to fill the catalog.

TIP: How to change the App position

In JomSocial template, you can change where the Apps are generated. For example, in the profile.index.php, you can move around this source code:

         <div id="apps-sortable" class="connectedSortable" >
         <?php echo $content; ?>
         </div>

app-top-my-sobipro-entries

This is the required modification to implement this layout:

<!-- begin: .cMain -->
        <div class="cMain">
           
              <div class="page-actions">
              <?php echo $blockUserHTML;?>
              <?php echo $reportsHTML;?>
              <?php echo $bookmarksHTML;?>
              <div id="editLayout-stop" class="page-action" style="display: none;">
                <a onclick="joms.editLayout.stop()" href="javascript: void(0)">
              <?php echo JText::sprintf('COM_COMMUNITY_STOP_EDIT_PROFILE_APPS_LAYOUT') ?></a>
              </div>
            </div>
           
            <div id="apps-sortable" class="connectedSortable" >
            <?php echo $content; ?>
            </div>
           
              <?php echo @$header; ?>
           
              <?php $this->renderModules( 'js_profile_feed_top' ); ?>

 

Requirements

  • SobiPro 1.1 (recommended), or superior / SobiPro 1.0.8 is supported in compatibility mode
  • JomSocial 3, JomSocial 2.8, or superior
  • Joomla 3 / Joomla 2.5, or superior
  • PHP 5.3, or superior
  • MySQL 5.5 (recommended), or superior

License

  • License: GNU General Public License v3.0
  • Usage license will never expire. You can use the software FOREVER.
  • Unlimited sites or domains.
  • During the subscription period, you can download new versions, with major features and minor fixes/enhancements, or request assistance in our ticketing system. Once the subscription is over, you can renew it, or create a new topic in the community forum.
  • You can use the software on ALL YOUR sites under the terms of GPLv3.
  • No part of our source code is encoded.

XT-K2 Link Item-1

" XT-K2 Link Item allows defining relations between the specific K2 item(s)."

A K2 Related Items Solution: As currently, K2 does not offer control of its related items. The extension offers full control over what items and the order of the related items selected for each K2 item.

How to

  • Create/Edit an article.
  • Link the article with other articles.
  • Visit the article in the front-end.

When a user creates or modifies a K2 article, links to related K2 articles can be defined as new attributes. The links can be fully managed with an associated editor button, a handy dialogue button allows to administer associated K2 articles. Finally, in the front-end site, the list of linked K2 articles are shown.

Pricing

$ 19
XT-K2 Link Item - 6-month Subscription
Buy Now!

Requirements - GNU GPL v3.0 License - Pre-Sales FAQ - Installation Services
If you are renewing, please log in to your account before the purchase and remember to apply the loyalty coupon (20% Off).
Looking for an installation / personalization service? Our Installation Service service is the product of dedication, experience, knowledge and a customer-focused mindset.

Examples & Demos

Demo Site

XT-K2 Link Item Sample
XT-K2 Link Item - Article selection
XT-K2 Link Item - Configuration
XT-K2 Link Item - Configuration

Features

  • Create and edit K2 Items relationships, to associate related articles
  • Editor button in K2 edition window
  • Show relationships in the front-end site
  • Category ViewTemplating support 
  • Item ViewTemplating support

Parameters

Category View Options

  • Linked item(s): Inherit from category/ Hide/ Show
  • Title: Inherit from category/ Hide/ Show
  • Title as link: Inherit from category/ Yes/ No
  • Image: Inherit from category/Hide/Show
  • Image as link:Inherit from category/ Yes/ No
  • Image Size:Inherit from category/ XSmall/ Small/ Medium/ Large/ XLarge
  • IntroText:Inherit from category/ XSmall/ Small/ Medium/ Large/ XLarge
  • IntroText word limit
  • Linked Item FullText:Inherit from category/ XSmall/ Small/ Medium/ Large/ XLarge
  • Linked Item Read more:Inherit from category/ XSmall/ Small/ Medium/ Large/ XLarge

Item View Options

  • Linked item(s): Inherit from category/ Hide/ Show
  • Title: Inherit from category/ Hide/ Show
  • Title as link: Inherit from category/ Yes/ No
  • Image: Inherit from category/ Hide/ Show
  • Image as link: Inherit from category/ Yes/ No
  • Image Size:Inherit from category/ XSmall/ Small/ Medium/ Large/ XLarge
  • IntroText:Inherit from category/ XSmall/ Small/ Medium/ Large/ XLarge
  • IntroText word limit
  • Linked ItemFullText: Inherit from category/ XSmall/ Small/ Medium/ Large/ XLarge
  • Linked Item Read more:Inherit from category/ XSmall/ Small/ Medium/ Large/ XLarge

00-xtdir-search-plugin-for-sobiproGeneral Joomla search for SobiPro!

" XTDir Search Plugin+ (Plus) for SobiProis a Joomla search plugin. It extends the core Joomla search engine to support SobiPro entries."

In a nutshell

  • Joomla Search engine, support for integrated core search.
  • Multi-Section, to support more than one section search in only one query.
  • Category searchand navigation.
  • Full Text Search, to take advantage of MySQL Full-Text search indexes.
  • Cronjob support, to schedule the index refresh.

$ 19
XTDir Search Plugin for SobiPro PLUS - 6-month Subscription
Buy Now!

$ 79
XTDir for SobiPro - 6-month Subscription
Buy Now!

Requirements - GNU GPL v3.0 License - Pre-Sales FAQ - Installation Services
If you are renewing, please log in to your account before the purchase and remember to apply the loyalty coupon (20% Off).
Looking for an installation / personalization service? Our Installation Service service is the product of dedication, experience, knowledge and a customer-focused mindset.

XTDir for SobiPro
XTDir for SobiPro
XTDir for SobiPro
XTDir for SobiPro
XTDir for SobiPro
XTDir for SobiPro
XTDir for SobiPro
XTDir for SobiPro
XTDir for SobiPro
XTDir for SobiPro
XTDir for SobiPro
XTDir for SobiPro
XTDir for SobiPro
XTDir for SobiPro
XTDir for SobiPro
XTDir for SobiPro
XTDir for SobiPro
XTDir for SobiPro
XTDir for SobiPro
XTDir for SobiPro

XTDir, modules & plugins

Ready for more?

$ 132
XTDir for SobiPro - 1 year
Buy Now!

$ 159
Extly Club - 1 year
Buy Now!

Requirements - GNU GPL v3.0 License - Pre-Sales FAQ - Installation Services
If you are renewing, please log in to your account before the purchase and remember to apply the loyalty coupon (20% Off).
Looking for an installation / personalization service? Our Installation Service service is the product of dedication, experience, knowledge and a customer-focused mindset.

Examples & Demos

Demo Site

Please, check it here in the demo site  http://demo.xtdir.com, where you can find the classic SobiPro business directory, with 2.000 more entries to fill the catalog.

Tutorial: XTDir for SobiPro - How to extend your directory

Chapter: SobiPro Search Plugin

XTDir for SobiPro - How to extend your directory - Online Web Presentation

Adobe PDF| Adobe PDF PPTX

XTDir-How to extend your directory

 

Search results with XTDir Search Plugin+ (Plus) for SobiPro

00-xtdir-search-plugin-for-sobipro

Core Index of SobiPro Entries Configuration

01-xtdir-search-plugin-for-sobipro-Core-Index-of-SobiPro-Entries

Joomla Search for SobiPro - Details Configuration

02-xtdir-search-plugin-for-sobipro-search-details-b

Joomla Search for SobiPro - Search Options

03-xtdir-search-plugin-for-sobipro-search-search-b

Joomla Search for SobiPro - List Options

04-xtdir-search-plugin-for-sobipro-search-list-b

Joomla Search for SobiPro - Advanced Options

05-xtdir-search-plugin-for-sobipro-search-advanced-b

Joomla Search for SobiPro - Full Text Search Options

06-xtdir-search-plugin-for-sobipro-search-full-text-b

Features

  • Core Joomla Searchsupport
  • Category Filtersupport (sid_list parameter)
  • Empty Searchsupport (no keywords)
  • Full Text Searchoption
  • Empty Search Mode, in Joomla(*) Search
  • CronjobIndexer for high performance configuration
  • Custom Orderfor results list
  • Full controlfor performance tuning

Developed with FOF - Framework on Framework is a RAD framework for the Joomla! CMS.

Workbox for Joomla: JavaScript libraries for Progressive Web Apps

"XT Workbox for Joomla! provides a solution to implement Workbox libraries on a Joomla site."

XT Workbox for Joomla!

What is to Workbox?

Workbox is a collection of JavaScript libraries for Progressive Web Apps.

Offline Caching: Workbox helps you add offline caching support to your website. This enables it to work offline on repeat views and ensures your site is resilient to spotty network conditions.

Offline Analytics: Workbox can collect user analytics while offline and send them to your Google Analytics account when a connection becomes available.

Visit workboxjs.org to learn more about what Workbox can do for you.

Highly Experimental

At this time, Service Workers are correctly working on Chrome and Firefox. However, Safari and Microsoft Edge support is coming, but not ready yet. For more information: Is service worker ready?

Given said that, this package is mainly a working proof of concept.

Download / Install from Web v0.0.7

Contents

We have completed the initial development of XT Workbox for Joomla. The extension installs and enables two plugins:

  • System - XT Workbox
  • Ajax - XT Workbox

In the system plugin, you can find the main configuration options. At this time, these are the available recipes:

  • Cache Css And Java Script Files
  • Caching Images
  • Caching Content From Multiple Origins
  • Google Fonts

They implement the same recipes found in the Workbox site: https://developers.google.com/web/tools/workbox/guides/common-recipes

This is how the Caching Images recipe is defined:

workbox.routing.registerRoute(
/\.(?:png|gif|jpg|jpeg|svg)$/,
workbox.strategies.cacheFirst({
    cacheName: 'images',
    plugins: [
    new workbox.expiration.Plugin({
        maxEntries: 60,
        maxAgeSeconds: 30 * 24 * 60 * 60, // 30 Days
    }),
    ],
})
);

Once you install it on the testing site, you must add this header definition in the .htaccess:

<IfModule mod_headers.c>
    <FilesMatch "workboxforjoomla\.js$">
        Header set Service-Worker-Allowed "/"
    </FilesMatch>
</IfModule>

The expected result of the extension implementation is confirming that the assets are managed by the service worker strategy that you define in the plugin configuration.

Workboxforjoomla - Chrome Console

For example, we have enabled Cache Css And Java Script Files recipe on this demo site: https://blog.anibalhsanchez.com, If you inspect the page with Chrome Dev Tools, you can confirm that in the first-page load, the console shows this message:

Yay! Workbox for Joomla! is loaded - Recipe Cache Css And Java Script Files

Then, in the next page loads, Css and Java Script Files are served by the Service Worker.

Chrome Console - Images

How to contribute

The package is published on Github at https://github.com/anibalsanchez/workboxforjoomla. Feel free to clone, fork, modify, open issues, submit PRs, etc.

Requirements

      • Joomla 3, or superior

License

    • License: GNU General Public License v3.0
    • Usage license will never expire. You can use the software FOREVER.
    • Unlimited sites or domains.
    • During the subscription period, you can download new versions, with major features and minor fixes/enhancements, or request assistance in our ticketing system. Once the subscription is over, you can renew it, or create a new topic in the community forum.
    • You can use the software on ALL YOUR sites under the terms of GPLv3.
    • No part of our source code is encoded.
xt search for algolia 560

Icons. Easy. Done.

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

In a nutshell

In our quest to develop the perfect Bootstrap theme implementation, we've developed this plugin to integrate Font Awesome as a system plugin for Joomla.

  • JFontAwesome
    For community sites
  • $ 0
  • FontAwesome
  • -
  • -
  • -
  • -
  • -
  • -
  • Community Forum
  • XT Ultimate Vector Icons
    For commercial usage
  • $ 19
  • Font Awesome
  • Foundation Icon
  • Ionicons
  • Material Design Icons
  • Octicons
  • Typicons
  • Page Inclusion / Exclusion
  • Unlimited Tickets
  • Buy Now!

Github JFontAwesome https://github.com/anibalsanchez/JFontAwesome

Parameters

  • Usage Method: Web Fonts with CSS or SVG with JS.
  • Icons: All, Solid, Regular or Brands.
  • Use CDN: Font Awesome Free CDN, No, or Custom.
  • Active at the Backend: Yes / No

Examples & Demos

Demo Site

How do I learn more about Font Awesome ?

Visit the Font Awesome website at https://fontawesome.com/get-started.

Prices shown without VAT. For European customers, the EU requires to charge VAT to downloadable purchases by non-business consumers located in the EU. Business customers are able to waive VAT charges by providing a valid VAT ID at time of purchase.

Join the Club!

Access and support services to all Extly's extensions for 1-Year. The Extly Club is your source for all of our extensions.

Join Now