Are you enjoying the extensions? Did you like the support? Help others decide.

Leave a review



Article Details
Layout suffix
Add a suffix to allow multiple overrides of the same layout.
Example if using xyz as suffix and you want to override the generic layout, the override needs to be to be selected as output
Site mode
  • Test mode to use when setting up the extension. Will ensure errors are shown, images, style and script libraries are re-created at every page access
  • Live mode to use when the extension is ready for production. Will turn off error messages and will cache images, styles and scripts
  • Advanced keep access to all parameters hidden in the previous modes
Bootstrap compatibility If you are using a Bootstrap template, select which version of Bootstrap your template is compatible with (from 2 to 5). It will ensure the extension outputs the proper classes for the Bootstrap version you are using.

The Joomla option loads the Bootstrap version packaged with Joomla (which is the default behavior). All other options WILL NOT load Bootstrap.

The extension can function without the Bootstrap framework. Select None
Free v5.3 Profiles
Show errors
When getting un-expected output results, show error messages to troubleshoot what the issues may be (mostly useful when showing images)
Load icon font If no icon is used, prevent the loading of the icon fonts when setting to No

CSS Overrides

Screen Additional CSS properties that need to be applied when the plugin is active (display)
Example .articledetails .info { border-left: 1px solid #555; }
Print Additional CSS properties that need to be applied when the plugin is active (print)
Elements to hide with CSS
Auto-hide title Bypass the use of CSS code to hide the title
Title The HTML tags or classes that wrap the title
Example .item-page .page-header:first-of-type
Example .items-leading .page-header:first-child
Example .items-row .page-header:first-child
Information The HTML tags or classes that wrap the information details
Example .article-info
Links The HTML tags or classes that wrap the links A, B and C
Example .content-links
Images The HTML tags or classes that wrap the intro and full images
Example .item-page .item-image
Example .items-leading .item-image
Example .items-row .item-image
Auto-hide tags Bypass the use of CSS code to hide the tags
Tags The HTML tags or classes that wrap the tags
Example .item-page .tags
Example .items-leading .tags
Example .items-row .tags
Icons The HTML tags or classes that wrap the icons
Example .icons
Custom fields Joomla 3.7+ The HTML tags or classes that wrap the custom fields
Example .fields-container
Auto-hide rating Bypass the need to disable the rating plugin, therefore allowing its use in parts of the site where Article Details is not used

.item-page represents the article and is found in the actual article page
.items-leading are found in the categories/blog pages (representing the leading articles)
.items-row are found in the categories/blog pages (representing the remaining articles)

The plugin does not remove original html tags from the pages, it only adds its own information to those pages, therefore original HTML needs to be removed through CSS separately (since no template is alike and views can be overridden)



Reset pictures Whether to re-create the image thumbnails every time the page is loaded or not.
'No' will improve server performance once the extension is properly configured and ready for prime time
Thumbnail cache path The path for the thumbnails created (by default, in the media folder under /thumbnails/adp).
It is possible to save the files to the temporary folder of the Joomla configuration or the /cache folder (/media/cache under Joomla 4)

New v5.7 The extension now supports image versioning.

What does that mean for your site?
Image URLs have an additional suffix, a number that represents the version for the extension, like you can find it for stylesheets and scripts. The version number changes if Joomla is in debug mode or if the extension is on test mode. Once in live (production) mode, the version stops being regenerated.

Why adding a version number to image files?
When the version remains the same, browsers keep the same version of the image in their cache. When the number changes, the image is fetched from the server, therefore replacing the cached image. This ensures visitors of your site see the latest changes made to your images.

Header files

New Joomla 4
Lazyload stylesheets
It is possible to lazy load some stylesheets like icon fonts. It is a feature included in Joomla 4 but it must be supported by the site's template on the public side.

You can enable lazy loading for all Simplify Your Web extensions at once and even add support for it if the template does not. To do so, you need to enable the feature in the SimplifyYourWeb extensions System plugin
Reset header files Re-creates the cached stylesheets after style modifications have be made to the plugin or module instances.
'No' will improve server performance once the extension is properly configured and ready for prime time

Stylesheets are cached in the Joomla core cache folder. If you need to reset the files without changing this setting, just go to the cache menu in the Joomla administrator console (System -> Clear Cache), select the extension and delete it.

However, it is no longer possible to manually remove the files from the console under Joomla 4, as the files are now cached in the /media/cache folder.



Warning Starting with version 5.1, you just need to set this value in the Global Configuration of the component. Setting this value in the plugin or the module instances will override the default global value.
Prior to version 5.1, this is a global feature only found in the plugin. Module instances will get this value by default.

Breakpoint The screen size under which the page is considered turning into mobile mode (it uses CSS media queries)