S3 Framework

####Create beautiful responsive Joomla templates more easier and faster.

LIVE DEMO

S3 Framework Base Theme

The S3 Framework base theme is a clean modern responsive design that is a great place to start when building your custom S3 powered theme.

What is the S3 Responsive Framework?

S3 is a sophisticated framework with the sole intention of being the best platform to build a solid theme with. S3 takes all the lessons learned during the development of many Joomla templates Themes and distills that knowledge into a single super-flexible framework that is easy to configure, simple to extend, and powerful enough to handle anything we want to throw at it.

Key Features

• Responsive Design supporting Phone, Tablets and Desktops
• LESS CSS auto-compilation
• Flexible widgets for template customization
• Full extensible framework architecture
• Responsive elements with Bootstrap v4.1.3.
• Font Icons with Font Awesome v5.1.0.
• Less compiler as lessphp.
• Responsive Video with FitVids.js.

Features

• 10+ Different Header Styles
• 12 Columns Grid System
• 300+ Module Positions
• Full width Modules Added in v3.2
• Suitable with any design
• IE7 and IE8 Supported
• Template Manager
• Custom Sitename
• Custom Logo
• Choose from Different Styles
• Choose from DIfferent Colors - added in 4.0
• Enable Modules (component / component-top / component-(1 to 12) / component-bottom) to hide Component
• Show or hide component area on front page
• Show or hide main body container
• Custom theme's module styles with themes/style1/theme_modules.less file
• Less Development Mode Enable / Disable
• Use Google Analytics Code
• Show or Hide Copyright
• Show or Hide Framework Logo
• Use Custom Meta Generator
• Mod_Chrome Updated to create complex grid all modules starts with grid-
• Set Columns for Modules - added in 4.0
• Custom Google Fonts (Since 4.0)

S3 Theme Configurations

• Custom Sitename
• Choose from 8 Different Themes (Since 4.0)
• Choose from Different Theme Styles (Since 4.0)
• Google Analytics
• Enable / Disable development mode
• Custom Meta Generator
• Show/Hide Admin Toolbar
• Set Thumbnail - Width/Height/Crop (Since 4.0)
• Excerpt Length (Since 4.0)
• Change Read More (Since 4.0)

Header Settings

• Custom Site Logo
• 14 different header styles
• Enable/Diable Search Option
• Custom Social Links
• Phone Number
• Email
• Call to Action
• Fixed Header and Menu
• Fixed Header "Default Off" If you want to hide/show header and Menu on scroll up/down enable this option
• Fixed Header Text Color - Color Picker Added
• Fixed Header Background Color - Color Picker Added
• Header Height Change body top padding when using fixed header i.e. 150px
• Ease Speed: Define header ease slideUp/slideDown speed in ms default 200
• Break Point: Type your break point (only number) i.e. (768 for tablet) fixed header will show on larger than break point defined here.

CC Settings - Copyright & Credit Settings

• Change Style - Choose from 3 different styles
• Show Copyright "Default Show" (Hide or Show) when its hide you cannot use sidebar
• Show Credit "Default Show" (Hide or Show) when its hide you cannot use sidebar
• Show/Hide Framework Logo
• Custom Footer Logo - instead of Framework logo
• CC Fixed Functionality
• CC Text Color
• CC Background Color

Layout Settings

• Set Logo Column (by selecting logo column header module will be automaticaly adjusted)
• Set Sidebar Column (by selecting sidebar column page container will be automatically adjusted)
• Grid Settings
• Set All Modles Columns (added in 4.0)
• [+] Set Top Column
• [+] Set Slideshow Column
• [+] Set Showcase Column
• [+] Set Feature Column
• [+] Set Bottom Feature Column
• [+] Set Utility Column
• [+] Set Scroller Column
• [+] Set Extension Column
• [+] Set Bottom Column
• [+] Set Footer Column
• [+] Set Bottom Footer Column

Libraries

• Hosted on CDN (external libraries option)
• Use jQUery as addScript() joomla default functionality
• Use Bootstrap
• Use Bootstrap Theme
• Use Font Awesome
• Use Responsive Video

How To Use

Visit for Complete Documentation

Download, Fork, Commit.

If you think you can make this better, please Download, Fork, & Commit. We'd love to see your ideas.

License

The S3 Responsive Template System is opensource software released under the GPL.

Shaz3e's Website | @Shaz3e | Fan Page