drag & drop joomla2
TRANSCRIPT
DRAG & DROP FEATURE IN JOOMLAKowshar AhmedCEO & Founder, JoomShaper
WHAT IS JOOMLA?Joomla is an award winning content management system.
WHAT IS JOOMLA?
Joomla is an award-winning content management system (CMS), which enables you to build Web sites and powerful online applications. Many aspects, including its ease-of-use and extensibility, have made Joomla the most popular Web site software available.
WHO USES JOOMLA?2.8% of entire internet runs Joomla!
2.8% of entire internet runs Joomla!
5
WHO USES JOOMLA?
Drag & Drop Feature in Joomla
1 2 3 4
Harvard University linux.com MTV Ebay
5 6 7 8
Heathrow Airport Leonardo Di Caprio BDOSN JoomShaper
WHY CHOOSE JOOMLA?8 reasons for switching to Joomla!
8 reasons for switching to Joomla!
7
WHY CHOOSE JOOMLA?
Drag & Drop Feature in Joomla
Highly Secured Multilingual Ready Front-end Editing ACL
Large Scalable Versioning JED Helix3 & Page Builder
LET’S GET STARTEDGetting started with Joomla drag & drop
All Helix3 features at a glance
9
HELIX3 FRAMEWORK
Drag & Drop Feature in Joomla
Powerful Admin Layout Builder Fonts Option Bootstrap 3
Post Formats Megamenu Builder LESS
Exploring Helix3 incredible features
10
HELIX3 FRAMEWORK
Drag & Drop Feature in Joomla
Basic Options
From basic tab, it is possible to change logo, favicon, background image, footer information, social links and contact information. Also possible to set sticky header, enable boxed layout and set whole website in coming soon mode.
Presets Manager
Presets manager allows to change preset color of that entire website. From there it is also possible to change body background color, text color and major color.
Typography
Helix3 comes with all google fonts support. Also you can update fonts list just in one click update button. From typography option you can change body, h1, h2, h3, h4, h5, h6, navigation font and any custom selector font family, font weight and font style. It is also possible to set font subset.
Exploring Helix3 incredible features
11
HELIX3 FRAMEWORK
Drag & Drop Feature in Joomla
Post Formats
Helix3 comes with 7 post formats for Joomla articles. Post formats are standard, gallery, video. audio. link, quote and status. Also comes with three social commenting system and option to share Joomla articles to the social media.
Custom Code
Now it is possible to add and code just before end of the header and body tag from template settings. Also has the option to add custom css and javascript code.
Advanced Settings
Helix3 has built-in css and javascript compression tool. By enabling this option will merge all css files to one css file and all javascript files to one javascript file which will reduce http request and save your bandwidth and also will ensures faster loading of your website.
HELIX3 LAYOUT BUILDER?Getting started with Helix3 layout builder
How to create and manage row and columns
13
HELIX3 LAYOUT BUILDER?
Drag & Drop Feature in Joomla
You can add new row by just clicking the “Add Row” button.From the row settings button you can change row id, background color, images, padding, margin and many more.
Choose any suitable columns layout and arrange them just using mouse drag and drop. After creating column click ongears icon and select module position. You can apply various column settings from the popup too.
Adding Module Positions
14
HELIX3 LAYOUT BUILDER?
Drag & Drop Feature in Joomla
By clicking the gears icon from the column setting this popup will be shown. You can assign module position for thiscolumn from the dropdown. You can also set tablet and mobile responsive settings from the window.
SP PAGE BUILDERCreating a complex page using SP Page Builder
Creating a complex page using SP Page Builder
16
SP PAGE BUILDER
Drag & Drop Feature in Joomla
In the above video you will learn how to create a complex page using SP Page Builder without touching a single line ofcode just using mouse drag and drop. Youtube link https://www.youtube.com/watch?v=dqRzj05CySA
Links for Helix3 and SP Page Builder
17
LINKS
Drag & Drop Feature in Joomla
Helix3: http://www.joomshaper.com/joomla-templates/helix3SP Page Builder: http://www.joomshaper.com/page-builder
THANK YOU FOR WATCHING!
HAVE A GREAT DAY