Drag & drop joomla2

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?


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


Powerful Admin Layout Builder Fonts Option Bootstrap 3

Post Formats Megamenu Builder LESS

Exploring Helix3 incredible features

10

HELIX3 FRAMEWORK


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


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?


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?


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


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


Helix3: http://www.joomshaper.com/joomla-templates/helix3SP Page Builder: http://www.joomshaper.com/page-builder

THANK YOU FOR WATCHING!

HAVE A GREAT DAY

Drag & drop joomla2

Documents

Transcript of Drag & drop joomla2