# Joomla Templates ## Welcome to ThemeParrot documentation portal ### Joomla Templates * [Splash](/joomla-templates/splash) * [Runway](/joomla-templates/runway) * [Bookstore](/joomla-templates/bookstore) * [Yummy](/joomla-templates/yummy) * [Trendz](/joomla-templates/trendz) * [Claypot](/joomla-templates/claypot) * [Milestone](/joomla-templates/milestone) * [Outfit](/joomla-templates/outfit) * [Business](/joomla-templates/business) * [Knapsack](/joomla-templates/knapsack) * [Origin](/joomla-templates/origin) #### [Go Back to Themeparrot site](https://www.themeparrot.com/) # Splash # Start ### Splash **Created:** 01/02/2015 **Latest Update:** 27/11/2021 by: [**ThemeParrot**](http://themeparrot.com/) **Email:** Thank you for choosing our product. We hope that this instructions manual is simple and easy to follow. It takes just a few minutes to learn how to use all the features. # Introduction ### Introduction **System Requirements** Your systems need the following requirements before proceeding * PHP 7+ * MySQL 5+ * Joomla 3 x * T3 Framework [(http://t3-framework.org/)](http://t3-framework.org/) **Package Contents** * Template * Modules * Plugins * Components * Quickstart package # Installation ### Installation You can install our template in two ways: * Install with quickstart. * Install this theme normally after you already have Joomla installed and ready to go. The best and the recommended way of installation is using the Quickstart package (which is a pre-installed, pre-configured Joomla with the Splash template). You can get started quickly if you use this package. ### Quickstart Quickstart is an exact copy of the template demo you have seen in your website. It has complete Joomla instance with the template installed. You just have to extract it and follow the installation wizard. #### Installation of Quick start Package: Extract the quick start zip pakage in your website root. This is either **public\_html** or **www** in the hosted servers. If you have installed XAMPP or MAMP or WAMP, you will have to extract this into the **httpdocs** folder After the extraction, point your browser to url of the public root or the folder where you extracted. Example: Let us say, you have created a folder called **splash** under the **public\_html** folder (called your web root) . Then you extracted the zip inisde the Splash folder. In that case, your site url would be:[ http://www.yourdomain.com/splash](http://www.yourdomain.com/splash) Or if you installed in the localhost, then your url will be: This will bring up an Installation wizard. Following the instructions. # Template Customization 1. **How to change logo** 2. **How to change themes** 3. **How to change the home layout** 4. **How to use mega menu** 5. **Navigation Configuration** 6. **Offcanvas Menu** # How to change logo ### 1. How to change logo ![](/files/00cOmqM1FHk4TgJKN0gO) Follow the below steps #### Step-1 ![](/files/4NkQCs5Lpyvc13GE72y1) #### Step-2 ![](/files/93vgpfU5LircwS7qj5Gp) #### Step-3 ![](/files/Fa1lLBaaDSuZeQV6JYRo) #### Step-4 ![](/files/Xeb6hrSF7iRXUCEBrZbJ) # How to change themes ### 2. How to change themes If you want to change the theme, **Go to backend: Extensions --> Template Manager --> Select your tempalate** Then follow the below steps: #### Step-1 ![](/files/DfzAoRGWPCBq9T75iKRu) #### Step-2 ![](/files/QelrG90GMCmad5grYS2n) #### Step-3 ![](/files/oZH3GJ9aP438NNiOfA2V) #### Step-4 ![](/files/L618QF3l5ft5xjiFciX2) # How to change the home layout ### 3. How to change the home layout If you want to change the home style, Go to backend:Extensions --> Template Manager --> Choose your template #### Step-1 ![](/files/wGS4DD0Jq4k8KygLL0j0) #### Step-2 ![](/files/MWpoF31ulZR6jrVsQ6so) If you follow the above steps you can change your layout easily. # How to use mega menu ### 4. How to use mega menu ![](/files/lptIzYWGyX0FQyRNM7zD) If you want to configure megamenu, Go to backend:Extensions --> Template Manager --> Choose your template --> Then follow the below steps: #### Step-1 ![](/files/h6YQ7FJO6YMjTeMThifr) #### Step-2 ![](/files/LlVaA98rLDTXFNW4XZnU) #### Step-3 ![](/files/osdsuOZXZDPbBqaP358S) #### Step-4 ![](/files/tSMMr0gxol7OsTOCLJ1K) #### Step-5 ![](/files/qq6dhDeOOozYjLjOZScK) # Navigation Configuration ### 5. Navigation configuration ![](/files/rk8hZnzVDfi8iQKbpcCS) To configure Navigation, **Go to Extensions --> Template manager --> open tp-splash\_default** , in the Navigation setting, you can configure it. #### Step-1 ![](/files/QOmJSq9od3hNbNbdmXK6) #### Step-2 ![](/files/SA9WkspaxaoasmuvN2BK) #### Step-3 ![](/files/R4i2p1Ji3nEmfpEXcLHJ) #### Step-4 ![](/files/ckl4gJTodNdIvAOR2iUw) # Offcanvas Menu ### 6. Offcanvas Menu > Module position: off-canvas > > Module suffix: not used ![](/files/MFWcvr8ZHtHUrg6TQuwo) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Menu with the settings below: #### Step-1 ![](/files/ENQE00LW8XZIwaV88cLy) #### Step-2 ![](/files/amXXiKPR2amOR9RYTJ5w) #### Step-3 ![](/files/RB7Sf8jze15Q2TdtWar8) #### Step-4 ![](/files/RPcol5pNvJGe7lE36Mde) # Modules Customization 7\. **Search Module** 8\. **Footer Splash info Module** 9\. **Footer Latest Posts Module** 10\. **Footer Flicker feed Module** 11\. **Footer Copyrights Module** 12\. **Footer Social Icons Module** # Search Module ### 7. Search Module > Module position: head-search > > Module suffix: not used ![](/files/NzTLyNovSy0mwUinVJgO) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Search with the settings below: #### Step-1 ![](/files/kWOS7yoqV3nJ0EaMIAP4) #### Step-2 ![](/files/HYjLQocdg8zI9npWpBcH) #### Step-3 ![](/files/JOCCvL5q3rC6QO82z8eT) #### Step-4 ![](/files/19Gowu1m7RaaYlWp7Di4) # Footer Splash info Module ### 8. Footer Splash info module > Module position: Footer-1 > > Module suffix: tp-bg-dark ![](/files/8gqs5EetYEEzk7Dy9sHF) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom html with the settings below: #### Step-1 ![](/files/SCViOgYQ06WDfZkNXuGK) #### Step-2 ![](/files/SB6hLfJzdVKyNo5w9m1e) #### Step-3 ![](/files/fOdSOipeSqGcZOApSAkM) #### Step-4 ![](/files/aPXSdhtiqnrJIJlbL4Zv) # Footer Latest Posts Module ### 9. Footer Latest Posts module > Module position: Footer-2 > > Module suffix: tp-bg-gray ![](/files/DAZuFV2LSXXEOtIe8Xop) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as K2 Content with the settings below: #### Step-1 ![](/files/R9YPTLWbjBDf2fqExOvx) #### Step-2 ![](/files/stqklUttmhFhvkG3T3cF) #### Step-3 ![](/files/3xbuomPfXUNnKUgAkl6r) #### Step-4 ![](/files/wKwVVxmBPQSf5XI10VOQ) # Footer Flicker feed Module ### 10. Footer Flicker feed Module > Module position: Footer-3 > > Module suffix: Not used ![](/files/I5JLBN4tvWcsUGdHryWL) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html with the settings below: #### Step-1 ![](/files/SZINirPqhqE8YgjpOTgX) #### Step-2 ![](/files/aI37brrGhcAwxg8KNDmQ) #### Step-3 ![](/files/uAavlqEgjFk3nBQnvEBl) #### Step-4 ![](/files/9n1D90rQEytSKHCtgFdl) # Footer Copyrights Module ### 11. Footer Copyrights Module > Module position: footer > > Module suffix: Not used ![](/files/JEBx22aUtjvjy5lz0xvi) #### Step-1 ![](/files/QHUNzAOTssB0fPF7J8Mw) #### Step-2 ![](/files/g2YVHMTLE3zr4wujnizD) #### Step-3 ![](/files/lvcPXPINEVWfFHzlu1Gj) #### Step-4 ![](/files/R8xreVW8UtkuRKrByepT) # Footer Social Icons Module ### 12. Footer Social Icons Module > Module position: footer-info > > Module suffix: Not used ![](/files/lgEQJuAgBzYqQmykEeZZ) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html** with the settings below: #### Step-1 ![](/files/vgTCmwDBlwGkL9kof7nt) #### Step-2 ![](/files/hQZEDpZG7xxDLoDpxtmF) #### Step-3 ![](/files/EgONnkUdMlZXWq8Y0l2l) Add the below code in your custom html module ```html
``` # Pages # Home-1 # Home-1 feature Module ### 13. Home-1 feature Module > Module position: position-1, position-2, position-3 > > Module suffix: services-box ![](/files/kZ8jfDTgjuu4wp6n9yi4) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html** with the settings below: #### Step-1 ![](/files/h5DiJRVTwVN202DUbpCc) #### Step-2 ![](/files/Yf8gysO1qQd5uuTqID8E) Add the below code in your custom html module ```html

Super Design Layout

Graphic designers are idea embalmers. loving undertakers preserving bits of data like so many butterflies pinned to felt in a jewel box.

read more ›
``` #### Step-3 ![](/files/sF4n3Gy0WcbJRyWjELxV) # Home-1 Portfolio slider module ### 14. Home-1 Portfolio slider module > Module position: Home-1 > > Module suffix: Not used ![](/files/lDMxI50D8uRFlH91GcMB) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module with the settings below: #### Step-1 ![](/files/nC4b8b6Vh4gnw1J2lHp7) #### Step-2 ![](/files/dGk3sxsDzgoNvWUbcC5R) #### Step-3 ![](/files/3LrQyZjQ5x992sRzwWmO) #### Step-4 ![](/files/DwDzdV7SjyLjX60erAIO) # Home-1 Why should you buy us? Module ### 15. Home-1 Why should you buy us? Module > Module position: Home-2 > > Module suffix: Not used ![](/files/KmOWNk6tMcwyrB8sbluI) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html with the settings below: #### Step-1 ![](/files/h9kbQsRXLwQqkctsdhqn) #### Step-2 ![](/files/qFya95QpcV3UDDnwbI7M) Add the below code in your custom html module ```html

Why should you buy us?

Because we provide best solutions


A esthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable


Super Design

Clean Code

Retina Ready


Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. read more ›

``` #### Step-3 ![](/files/wje64DYNGbRNREpMJjnq) # Home-1 Number count Module ### 16. Home-1 Number count Module > Module position: Parallax > > Module suffix: tp-parallax ![](/files/owDXw2gi68MFlVwne2DM) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html with the settings below: #### Step-1 ![](/files/RolVYcVgurpjlofLLog9) #### Step-2 ![](/files/54juPYsPbC2kIys3PHtY) Add the below code in your custom html module ```html

Some of our Facts

Consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

2400
HAPPY CUSTOMERS
80
Projects Completed
150
Cup of Coffee
99
Tweets
``` #### Step-3 ![](/files/H7yCMfh6oDFnBq9UyRqQ) #### Step-4 ![](/files/e7rmMmr83sOOcySeYp8Y) # Home-1 feature blog post Module ### 17. Home-1 feature blog post Module > Module position: home-4 > > Module suffix: tp-feature-blog-post ![](/files/iFyr4x8F8qdclqrHp5uW) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as K2 Content with the settings below: #### Step-1 ![](/files/NVtA6GtLPmk5WqPRMn1b) #### Step-2 ![](/files/HjYIIkcvkCARsolW7Nqx) #### Step-3 ![](/files/2nLsaYhKNJgaINN4iHIl) # Home-1 Testimonial module ### 18. Home-1 Testimonial module > Module position: Home-5 > > Module suffix: Not used ![](/files/z0PNSid0DgfqvmjIPlJh) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module with the settings below: #### Step-1 ![](/files/JEWSBN5JezCZbo9Kz2Z4) #### Step-2 ![](/files/uEXqSqr7IjINeRtUFRMB) #### Step-3 ![](/files/pyF2fjAeTnrnJOYyIrb9) #### Step-4 ![](/files/dJET5M3KQcfoYFNaqKFH) # Home-1 Brands module ### 19. Home-1 Brands module > Module position: tp-brands > > Module suffix: Not used ![](/files/060fMKW1B69bNwPukyRV) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module with the settings below: #### Step-1 ![](/files/EuMud9Dw8xRHgMfodNlW) #### Step-2 ![](/files/O2VJQZM8fOyke8uCaynR) #### Step-3 ![](/files/oOsvnu6x9dxvtQYzic3r) #### Step-4 ![](/files/EeVqA0jE3CrZTiHw0H4k) # Home-2 # Home-2 Promo Module ### 20. Home-2 Promo Module > Module position: tp-feature > > Module suffix: Not used ![](/files/yM0GsRsRYhV1UYCKD5OK) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html with the settings below: #### Step-1 ![](/files/33KoMSIW5UPYqhpehKd3) #### Step-2 ![](/files/f7dpGMPNB2sTgZnwHDMO) Add the below code in your custom html module ```html

The fastest way to grow your business with the leader in Technology.

Purchase Now!
``` #### Step-3 ![](/files/ijTdqUP5E3i0yzlHSJyn) # Home-2 feature Module ### 21. Home-2 feature Module > Module position: home-2 > > Module suffix: Not used ![](/files/hFA8vOufIcwRpOcP5Tq0) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html with the settings below: #### Step-1 ![](/files/5SKKsfx5EyRraDVGkm9s) #### Step-2 ![](/files/4W2A9QuwBA1TzsMMVdfI) Add the below code in your custom html module ```html

Super Design

Porta sem malesuada magna mollis euismod raesent commodo.

Clean Code

Porta sem malesuada magna mollis euismod raesent commodo.

Retina Ready

Porta sem malesuada magna mollis euismod raesent commodo.

Premium Slider

Porta sem malesuada magna mollis euismod raesent commodo.

Easy Customization

Porta sem malesuada magna mollis euismod raesent commodo.

Awesome Support

Porta sem malesuada magna mollis euismod raesent commodo.

mob two
``` #### Step-3 ![](/files/iq3Om7FmmouKUuM9xFXl) # Home-2 Latest blog slider module ### 22. Home-2 Latest blog slider module > Module position: Home-3 > > Module suffix: tp-title-center ![](/files/Oj0hpO0tfNedaUkNaMH8) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module with the settings below: #### Step-1 ![](/files/gQEYiwVKcye6rvSevw2r) #### Step-2 ![](/files/KmD8l6dNxxMeS5yKrABb) #### Step-3 ![](/files/royAT8WEjuKCEeFqBuSj) #### Step-4 ![](/files/JFdLkiK5WiKsAutheYHc) # Home-2 Portfolio slider module ### 23. Home-2 Portfolio slider module > Module position: Home-4 > > Module suffix: Not used ![](/files/TloAnlroGzQb9Ap8J03Z) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module with the settings below: #### Step-1 ![](/files/24ymAtEwoccaBybv1LRF) #### Step-2 ![](/files/nvGaCCwgpihvlHCOYJk0) #### Step-3 ![](/files/T7KoOmYq4fViXvUokiPY) #### Step-4 ![](/files/vKld0ynurDi7DNmliA8R) #### Step-5 ![](/files/GYueBBuaJLGTEEel4utq) # Home-2 Spotlight blockquote Module ### 24. Home-2 Spotlight blockquote Module > Module position: position-1 > > Module suffix: Not used ![](/files/QojYHkC4WEX8QYEqDknN) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html with the settings below: #### Step-1 ![](/files/dPYZ0adxBvo6eVVVUPFv) #### Step-2 ![](/files/RXQnZVTMKvWSaRJrAvat) Add the below code in your custom html module ```html

Vesarius hendrerit turpis quiseam cursus. Nonec bibendum vestibulum Kravida adess. Alentesque condimentum orci vel leo laoreet accumsan interdum eros vel sapien tincidunt dignissim eros vel sapien. Alentesque condimentum orci vel leo laoreet accumsan interdum eros vel sapien tincidunt dignissim eros vel sapien.esarius hendrerit turpis quiseam cursus. John Doe

``` #### Step-3 ![](/files/2vRYQjTGwJGs3yJ4PDFe) # Home-2 Spotlight Why we do it Module ### 25. Home-2 Spotlight Why we do it Module > Module position: position-2 > > Module suffix: tp-no-margin ![](/files/4gRWMHlLPeaPIuNKErMn) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html with the settings below: #### Step-1 ![](/files/l3hCuI5z9dCpbX10LjCV) #### Step-2 ![](/files/Xet39i2BAsq2j2CEnQm5) Add the below code in your custom html module ```html

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Morbi in semper mauris. Nulla convallis pharetra felis, a ultrices massa tristique in. Phasellus purus sem, porttitor eget luctus sed, congue et purus.

See more blog posts
``` #### Step-3 ![](/files/5eKrRBWunbJfpnydOxUp) # Home-2 spotlight list module ### 23. Home-2 spotlight list module > Module position: position-3 > > Module suffix: Not used ![](/files/GbfbXkwpdVzAvrwcZvgg) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module with the settings below: #### Step-1 ![](/files/BB7mFhRxZuUvM51PUsci) #### Step-2 ![](/files/OarrDaaiSkqoRU3F6icL) #### Step-3 ![](/files/NhTMFQPQTMf1080KBZWL) #### Step-4 ![](/files/UeMXE1yiTpl3Irecvldm) # Home-2 Brands module ### 24. Home-2 Brands module > Module position: tp-brands > > Module suffix: Not used ![](/files/vUnpPzkqOBJLfr1ikMU3) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module with the settings below: #### Step-1 ![](/files/3yUbb15KnxdsxmK2CxDf) #### Step-2 ![](/files/89d5gW4FX8b755FLA0YN) #### Step-3 ![](/files/xEQ2DTnZ5nC0h6ayChns) #### Step-4 ![](/files/ccXn9kzjGTX92TLNt9N0) # Home-3 # Home-3 static Module ### 25. Home-3 static Module > Module position: slideshow > > Module suffix: tp-bg-fixed ![](/files/MirxXWYDFWgOcB7MPM4k) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html with the settings below: #### Step-1 ![](/files/lLP504CE737iPU5kOb0f) #### Step-2 ![](/files/xcTnzO1EC0mqGxqXo03J) Add the below code in your custom html module ```html

Publish your app with Quality Presentation

Most Sleek App Design showcase your Application


Download Apps Purchase Now

High Quality

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

Modern Design

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

100% Translatable

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

mob app

Google Fonts

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

Premium Slider

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

Awesome Support

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

``` #### Step-3 ![](/files/p6W2wX6GJlyBR4yOTLRA) #### Step-4 ![](/files/V9gF1cggw2UWMF9bGQW0) # Home-3 Feature Module ### 26. Home-3 Feature Module > Module position: home-1 > > Module suffix: Not used ![](/files/RTIQfQbqLf1RN5pgd8dp) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html with the settings below: #### Step-1 ![](/files/VC0dOX9J3jYh06OBo2wx) #### Step-2 Add the below code in your custom html module ```php

Super Design

Lorem ipsum dolor sit do eiusmod tempor incididunt ut labore et dolore magna aliqua.

read more ›

Clean Code

Lorem ipsum dolor sit do eiusmod tempor incididunt ut labore et dolore magna aliqua.

read more ›

Retina Ready

Lorem ipsum dolor sit do eiusmod tempor incididunt ut labore et dolore magna aliqua.

read more ›

Awesome Support

Lorem ipsum dolor sit do eiusmod tempor incididunt ut labore et dolore magna aliqua.

read more ›
``` #### Step-3 ![](/files/Xwty1i0lMVLtU2KZuzji) # Home-3 Why should you buy us? Module ### 27. Home-3 Why should you buy us? Module > Module position: Home-2 > > Module suffix: Not used ![](/files/8uhjkiwXIc6w5YmUkntJ) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html with the settings below: #### Step-1 ![](/files/thc2VjA2mJPECDwUSAz2) #### Step-2 ![](/files/bQcnPs3zUP7xGaJ8TSRo) Add the below code in your custom html module ```html

Why should you buy us?

Because we provide best solutions


A esthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable


Super Design

Clean Code

Retina Ready


Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. read more ›

``` #### Step-3 ![](/files/oDvT2E5SsCxWnSfVUgn1) # Home-3 Portfolio slider module ### 28. Home-3 Portfolio slider module > Module position: Home-3 > > Module suffix: Not used ![](/files/bpC752x2A4YimK39ApLH) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module with the settings below: #### Step-1 ![](/files/7ijjujpl787GhrHuYby6) #### Step-2 ![](/files/cTeMzGWH84mwfzBU06wE) #### Step-3 ![](/files/F1RVugpprx7Yz0D0irGM) #### Step-4 ![](/files/3nvL9UiciU7UmxgsD33b) # Home-3 Pricing table Module ### 29. Home-3 Pricing table Module > Module position: Home-4 > > Module suffix: tp-home-3-table ![](/files/K3yIikGVwqSElD5g8aLK) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html with the settings below: #### Step-1 ![](/files/hhKf62jSeSiiFOcKafDS) #### Step-2 ![](/files/habCSlgUyd2isVpnxvpr) Add the below code in your custom html module ```html

What Business Plans We Offers

If you want to take it to the next level, you came to the right place.

Standard

$19 per month

  • 5 GB Disk Space
  • 10 Email Accounts
  • 5 GB Bandwidth
  • 10 SQL Databases
  • Unlimited Users

Premium

$39 per month

  • 35 GB Disk Space
  • 15 Email Accounts
  • 25 GB Bandwidth
  • 30 SQL Databases
  • Unlimited Users

Deluxe

$59 per month

  • 45 GB Disk Space
  • 25 Email Accounts
  • 35 GB Bandwidth
  • 40 SQL Databases
  • Unlimited Users
``` #### Step-3 ![](/files/edBXv028xTGBxs5Bdf53) # Home-3 Testimonial module ### 30. Home-3 Testimonial module > Module position: Home-5 > > Module suffix: Not used ![](/files/rJHyKY3KV4gqZi78MBRR) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module with the settings below: #### Step-1 ![](/files/6IaEkMRfSYd7RGwsWCbG) #### Step-2 ![](/files/1E8vvXYKijlTDsWMYE5K) #### Step-3 ![](/files/vaDDXefhlnT3bJdCB3wf) #### Step-4 ![](/files/kixUhNFsgt8PWJpLMAUh) # Home-3 Number count Module ### 31. Home-3 Number count Module > Module position: Parallax > > Module suffix: tp-parallax ![](/files/vuZd664QjPSXIu5EF6Ti) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html with the settings below: #### Step-1 ![](/files/X0yQLhhuLlU59DgM9P4p) #### Step-2 ![](/files/QewA7vpsFCUMantVHvRJ) Add the below code in your custom html module ```html

Some of our Facts

Consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

2400
HAPPY CUSTOMERS
80
Projects Completed
150
Cup of Coffee
99
Tweets
``` #### Step-3 ![](/files/XzsdGQpH56EOoQJJdsbc) #### Step-4 ![](/files/USuhv1ncGWIfegH5WyCE) # Home-3 Brands module ### 32. Home-3 Brands module > Module position: tp-brands > > Module suffix: Not used ![](/files/SnflyehcP3Le6O7dsMiD) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module with the settings below: #### Step-1 ![](/files/Aeyqlg7seR5aaeoAd5zn) #### Step-2 ![](/files/iGgN4NPmhr0dhs5laTf4) #### Step-3 ![](/files/wkhSgz67WU5JA0JTZ8yT) #### Step-4 ![](/files/j173M8f263huTBM5VNeu) # Home-3 bottom Module ### 33.Home-3 bottom Module > Module position: Home-6 > > Module suffix: Not used ![](/files/GEFnMWj3NnH7x1ANIVpP) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html with the settings below: #### Step-1 ![](/files/xQeO6LTTD0rFqiaYR5rT) #### Step-2 ![](/files/NHrkMkfDTNPlHROUCaxJ) Add the below code in your custom html module ```html
mob one

What We Think For You


A esthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.


Read More
``` ![](/files/ChfyTtxBUwl1kwHRYWMb) # Home-4 # Home-4 parallax 1 ### 34. Home-4 parallax 1 > Module position: Home-1 > > Module suffix: tp-parallax-page ![](/files/iXwYAbcjZQA1K7DmXI4h) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html with the settings below: #### Step-1 ![](/files/JKNutnBA0TVBO5jizWs1) #### Step-2 ![](/files/IBLzvy9ennobBx1SSM3J) Add the below code in your custom html module ```php

THE POWER OF SPLASH
ALL IN YOUR HANDS


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula aliquam eros a tempus. Aenean sodales dictum augue, in faucibus nisi sollicitudin eu. Quisque et urna lacus, quis aliquam purus. Nulla semper arcu vel diam auctor condimentum.

Find Our More
``` #### Step-3 ![](/files/nuy0gwTYMKkL2w2Zdkm9) #### Step-4 ![](/files/RCZK1Cq1eE7OptEVXBXq) # Home-4 parallax 2 ### 35. Home-4 parallax 2 > Module position: Home-2 > > Module suffix: tp-parallax-page ![](/files/XI9to0pfjQfow99YrwH6) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html** with the settings below: #### Step-1 ![](/files/s1qYyzmb1VwfoOhZTBM5) #### Step-2 ![](/files/PfQZq6gvsV8Dr9wAWvbH) Add the below code in your custom html module ```html

WE BRING THE POWER OF SPLASH
ALL IN YOUR HANDS


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula aliquam eros a tempus. Aenean sodales dictum augue, in faucibus nisi sollicitudin eu. Quisque et urna lacus, quis aliquam purus. Nulla semper arcu vel diam auctor condimentum.

Find Our More
``` #### Step-3 ![](/files/5S9kBj4znxUnIB2HGZDL) #### Step-4 ![](/files/Hniq7qJcOnotjTyKzkHd) # Home-4 parallax 3 ### 36. Home-4 parallax 3 > Module position: Home-3 > > Module suffix: tp-parallax-page ![](/files/9Jdooeido64sDQwIgwKN) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html** with the settings below: #### Step-1 ![](/files/FJf6XLHg7d1X4DMwzkZv) #### Step-2 ![](/files/gr1Ct07e0QXYmCGfZSZk) Add the below code in your custom html module ```html

THE POWER OF SPLASH
ALL IN YOUR HANDS


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula aliquam eros a tempus. Aenean sodales dictum augue, in faucibus nisi sollicitudin eu. Quisque et urna lacus, quis aliquam purus. Nulla semper arcu vel diam auctor condimentum.

Find Our More
``` #### Step-3 ![](/files/0Isz8sITIVud1ykvmAgi) #### Step-4 ![](/files/OVlmvhFXBfDk8CJknB8r) # Home-4 Number count Module ### 37. Home-4 Number count Module > Module position: Parallax > > Module suffix: tp-parallax ![](/files/XmUXri0ttoCmN9tBapdR) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html** with the settings below: #### Step-1 ![](/files/sUInwDX24dD23FQhX1sa) #### Step-2 ![](/files/GSvLaNF6up3Oj3wkdAwW) Add the below code in your custom html module ```html

Some of our Facts

Consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

2400
HAPPY CUSTOMERS
80
Projects Completed
150
Cup of Coffee
99
Tweets
``` #### Step-3 ![](/files/PI7W9cUZ9KOVinhUNCJ3) #### Step-4 ![](/files/whIW0KfPVMdRh4mVmTKl) # Home-1 Brands module ### 38. Home-1 Brands module > Module position: tp-brands > > Module suffix: Not used ![](/files/ImmzdrOBN8EIURnofhrD) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module** with the settings below: #### Step-1 ![](/files/gZx5t69VPPszVHhbyaYR) #### Step-2 ![](/files/CnwURztoWqmaYicUfU6R) #### Step-3 ![](/files/l6MzH2JoO7AiPjvQBHSS) #### Step-4 ![](/files/HkseD2ricqrylW1h94Ok) # Home-5 # Home-5 intro Module ### 39. Home-5 intro Module > Module position: Home-1 > > Module suffix: Not used ![](/files/2w1OT9ngN7qmSdu0uWoY) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html** with the settings below: #### Step-1 ![](/files/e18shz7Bslup2D8lih5t) #### Step-2 ![](/files/ZPDordtChGTDvGZRcLVx) Add the below code in your custom html module ```html
img res02

Welcome to Splash

Responsive theme


Splash the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.

Read More
``` #### Step-3 ![](/files/rcoWdzMRFBiHHNUqvCkK) # Home-5 portfolio grid module ### 40.Home-5 portfolio grid module > Module position: home-2 > > Module suffix: Not used ![](/files/DHJt5lafOjy3Ym7AmPv1) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module** with the settings below: #### Step-1 ![](/files/46Hpcidr6xkpkf61tRNy) #### Step-2 ![](/files/JJ3c0crRSKMBcYb2254u) #### Step-3 ![](/files/aNgCjBw58Ea2s4QB09dH) #### Step-4 ![](/files/6nqii4ImPxhhUYMXtwq8) # Home-5 feature Module ### 41. Home-5 feature Module > Module position: Home-3 > > Module suffix: Not used ![](/files/kdQeXC2xEiMpYYgbrJky) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html** with the settings below: #### Step-1 ![](/files/C5hESbXFbE8Egb4jdLrl) #### Step-2 ![](/files/H7P1douFXmt19jGa8JGy) Add the below code in your custom html module ```html

What We Do

If you want to take it to the next level, you came to the right place.

Responsive & Retina Ready

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

Fully Customizable

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

Parallax Effects

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

High Quality

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

Modern Design

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

Google Fonts

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

100% Translatable

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

Premium Slider

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

Awesome Support

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

See more of our features
``` #### Step-3 ![](/files/a90uqemaM7shDZfdfvB9) # Home-5 Number count Module ### 42. Home-5 Number count Module > Module position: Parallax > > Module suffix: tp-parallax ![](/files/AFUOtydUaHP4RTNpRIX4) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html** with the settings below: #### Step-1 ![](/files/nBALLw6rdUFHrBUfOJPk) #### Step-2 ![](/files/UHHn2vS6YEbNjJBTF1c3) Add the below code in your custom html module ```html

Some of our Facts

Consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

2400
HAPPY CUSTOMERS
80
Projects Completed
150
Cup of Coffee
99
Tweets
``` #### Step-3 ![](/files/lxl2Zh2DXCKykUeLxtcS) #### Step-4 ![](/files/117uBNXzcAxKWCstyr9C) # Home-5 Brands module ### 43. Home-5 Brands module > Module position: tp-brands > > Module suffix: Not used ![](/files/BjassLIKilxxRGF0O4yh) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module** with the settings below #### Step-1 ![](/files/MXNj6lw6EdkXA9zrLlhP) #### Step-2 ![](/files/CBz0zmRoDbuGJlZm7ERs) #### Step-3 ![](/files/1iGSSiIfb6h5DGmuc4gb) #### Step-4 ![](/files/vDigAyTZzsZlZGRKUFM5) # Home-6 # Home-6 Promo Module ### 44. Home-6 Promo Module > Module position: tp-feature > > Module suffix: Not used ![](/files/6gBmBP4FLjxsFFl5hsL0) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html** with the settings below: #### Step-1 ![](/files/VUbnWOA2VeqOlBFYuKpj) #### Step-2 ![](/files/HmQMaj5vGDdQM33aMIEi) Add the below code in your custom html module ```html

The fastest way to grow your business with the leader in Technology.

Purchase Now!
``` #### Step-3 ![](/files/XamiR5le3MdLor3x20it) # Home-6 About us module ### 45. Home-6 About us module > Module position: home-2 > > Module suffix: Not used ![](/files/96DT1jDv5ynrLYdqihfJ) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module** with the settings below: #### Step-1 ![](/files/wFjGP34KEaZmtpIGcSKV) #### Step-2 ![](/files/nBHcG4e9T7fEVdgLbNdO) #### Step-3 ![](/files/NzJ8oTB6JOv9u61YsBI2) #### Step-4 ![](/files/M4OprCG9qC0NOUxirXZU) # Home-6 feature Module ### 46. Home-6 feature Module > Module position: Home-3 > > Module suffix: tp-feature ![](/files/J4haBq1MewSyyDbRzHKC) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html** with the settings below: #### Step-1 ![](/files/IMpfk8TS0TmtEB1Dqet2) #### Step-2 ![](/files/OFQcICXRGFnpX4jKoC2e) Add the below code in your custom html module ```html

Our Core Feature

If you want to take it to the next level, you came to the right place.

High Quality

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

Modern Design

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

Google Fonts

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

100% Translatable

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

Premium Slider

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

Awesome Support

Duis nec aliquet massa, sed dapibus mauris. Nulla vehicula nisl non enim sodales fermentum.

See more of our features
``` #### Step-3 ![](/files/4ywC4d9ANE8n1VMQJdvE) # Home-6 Testimonial module ### 47. Home-6 Testimonial module > Module position: Home-5 > > Module suffix: Not used ![](/files/K6oKV09L0I3gAqXvZmNZ) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module** with the settings below: #### Step-1 ![](/files/CeBAdf7CQ1YwMBij1xhA) #### Step-2 ![](/files/OovN7ytZjdJ8iWT5FStY) #### Step-3 ![](/files/5PVMVSJ0mtUMFBV3MTI3) #### Step-4 ![](/files/F5l5RwzYBADdDnHNFLfN) # Home-7 # Home-7 Intro Module ### 48. Home-7 Intro Module > Module position: home-1 > > Module suffix: tp-feature-title ![](/files/OEMUXruvHzgLIua2FWmg) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html** with the settings below: #### Step-1 ![](/files/cRNG6WnYcVRWYFowcphs) #### Step-2 ![](/files/696sKtMyRWZs5HgpMKKT) Add the below code in your custom html module ```html

We bring our latest theme SPLASH for You

The Most Important Theme We Have Made So Far

``` #### Step-3 ![](/files/ORAsQfheLhxyEbNgy4Yb) # Home-7 offer Module ### 49. Home-7 offer Module > Module position: home-2 > > Module suffix: Not used ![](/files/OdEylPRWjihUlGhRneXX) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html** with the settings below: #### Step-1 ![](/files/y1RTF7gAN4Hyo0DORdnd) #### Step-2 ![](/files/x76wkVMSLmCPYhXoj0O9) Add the below code in your custom html module ```html

What We Offers

Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Super Design

Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl et.

Clean Code

Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl et.

Retina Ready

Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl et.

Awesome Support

Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl et.

``` #### Step-3 ![](/files/6iaTnd78TpoXhwqqTkZ3) # Home-7 Testimonial module ### 50. Home-7 Testimonial module > Module position: Home-5 > > Module suffix: Not used ![](/files/1gs0vLBIcecwk5JmXW3d) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module** with the settings below: #### Step-1 ![](/files/M5peK6p1F7FLPWGih8ns) #### Step-2 ![](/files/0IaYMt58RBqN8Uq9WX7C) #### Step-3 ![](/files/Sh07ZYrxZYo63kcsBGNn) #### Step-4 ![](/files/ch0lw1wMx0R7FB5pHQjM) # Home-8 #### # Home-8 Intro Module ### 51. Home-8 Intro Module > Module position: home-1 > > Module suffix: Not used ![](/files/3rpg9am4xlAm0RJjwuGR) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html** with the settings below: #### Step-1 ![](/files/axbw9e1khXdd8huLUOhT) #### Step-2 ![](/files/YJKfXQzUP8TFbWTPapRE) Add the below code in your custom html module ```html

Hello! welcome we are Splash

We think, create and showcase your website in a new modern world. Also bring satisfaction and positive results.

Splash habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus netus et malesuada fames ac turpis egestas. Fusce nec ipsum ac mauris imperdiet luctus sed vitae ligula. Phasellus nec hendrerit neque.

View Showcase
twomobile
``` #### Step-3 ![](/files/ozNn1xdveMUeSNvW26YP) # Third Party extensions # K2 blog ### 1. K2 blog K2 is a powerful & ideal extension that allows for incredible control of your Joomla content. **K2** provides an out-of-the box integrated solution featuring rich content forms for items. To get **K2** on your site: * Download K2 component from the website * If you are new to K2, go to K2 [guide](http://www.joomlaworks.net/forum) to install and configure the component in your Joomla!. # J2store Shoppping cart ### 2. J2store Shoppping cart Create articles and turn them into products. The template features **J2Store**, a simple and powerful **Joomla** shopping cart that lets you turn **articles into categories.** Start selling your products **within a few minutes.** To get J2store on your site: * Download j2store shopping cart from the website * If you are new to J2store you can watch the video tutorials provided by J2store team # RokSprocket ### 3. RokSprocket RokSprocket is a revolutionary extension designed to give you an incredible level of control over how you present your **content**. Sophisticated content filters, robust **layout modes** and options, integration with multiple **content providers**, and a streamlined no-nonsense interface all contribute to a **powerful** yet user friendly experience from start to finish. To get RokSprocket on your site: Download RokSprocket from the website If you are new to RokSprocket, Go to [user guide](http://www.rockettheme.com/docs/joomla/extensions/roksprocket) page follow the instruction provided by the team. # Recommendation ### Recommendation The above user guide should help one in replicating the Demo site settings for the template and extension on their site. If you are new or confused, we recommend installing Quickstart on your local host and use it as a reference for configurations. This is the best way to work with any template. You should read all the provided resources carefully to take the maximum advantage of our products. # Video Tutorials #### Video Tutorials **Quickstart video tutorial** {% embed url="" %} Direct Youtube link:[Quickstart video tutorial](https://www.youtube.com/embed/iySx-VYz39g) **Revolution slider configuration** {% embed url="" %} A number of video tutorials have been available on the installation, configuration and customisation of a T3-Template here: # Support ### Support Please visit our support forum at Or you can send an email to Thank you again for your purchase and feel free to contact us with any questions regarding this template. ### **Themeparrot Team** # Runway # Start ### Start **created:** 07/02/2015 **latest update:** 30/11/2021 by: [**ThemeParrot**](http://themeparrot.com/) **Email:** ### Thank you # Introduction ### Introduction #### System Requirements Your systems need the following requirements before proceeding * PHP 7+ * MySQL 5+ * Joomla 3 x * T3 Framework \[ ] #### Package Contents * Template * Modules * Plugins * Components * Quickstart package # Installation ### Installation You can install our template in two ways: * Install with quickstart. * Install this theme normally after you already have Joomla installed and ready to go. The best and the recommended way of installation is using the Quickstart package (which is a pre-installed, pre-configured Joomla with the runway template). You can get started quickly if you use this package. **Quickstart:** Quickstart is an exact copy of the template demo you have seen in your website. It has complete Joomla instance with the template installed. You just have to extract it and follow the installation wizard. **Installation of Quick start Package:** Extract the quick start zip pakage in your website root. This is either public\_html or www in the hosted servers. If you have installed XAMPP or MAMP or WAMP, you will have to extract this into the httpdocs folder After the extraction, point your browser to url of the public root or the folder where you extracted. Example: Let us say, you have created a folder called runway under the public\_html folder (called your web root) . Then you extracted the zip inside the runway folder. In that case, your site url would be: Or if you installed in the localhost, then your url will be: This will bring up an Installation wizard. Following the instructions. {% embed url="" %} **Quickstart video tutorial** Direct Youtube link: [Quickstart video tutorial](https://www.youtube.com/embed/iySx-VYz39g) > NOTE: This process explains installing just the template in an existing Joomla website or a fresh joomla installation. In our template package, you will find tpl\_runway.zip file. * Go to Extensions -> Extension Manager . * Select the Browse button and choose the tpl\_runway.zip file from your computer. * Select the Upload & Install button. After a successfull installation, go to Extensions -> Template manager to access the template. # Template Customization Follow the below instruction to customize our Runway template If you are not familiar with any steps Let us know we will happy to help you:-) # How to remove the style selector ### 1. How to remove the style selector ![](/files/i6iUq5QkzjfQxPmbsL39) If you want to remove the style switcher from home page you need to remove some simple codes from your template file. simply follow the instructions below **Step-1:** Go to templates->tp\_runway->tpls **Step-2:** Here you can find the all template files (Each file has the style switcher code) **Step-3:** Open the default.php file **Step-4:** Remove the following code from default.php file ```html

Style Selector

Layout Style

Predefined Colors

Background Image

``` Once you removed the above code, Home page style switcher will removed If you are not familiar with this process send me your site login details to [support@themeparrot.com](http://support@themeparrot.com/), i will help you to remove the style switcher from your site. # How to change logo ### 2. How to change logo ![](/files/FoeKBmK0ykpHi9XnosTI) Follow the below steps #### Step-1: ![](/files/ByhPW9ocJ0PWhjt99ZY1) #### Step-2: ![](/files/iigfSCTCxODTed1tj1mb) #### Step-3: ![](/files/t4UpFFu837bx5ZuutoUq) #### Step-4: ![](/files/byVwlXFZB7YKTVleEPHs) # How to change theme ### 3. How to change theme Follow the below steps to change the Themes #### Step-1: ![](/files/1TA3mfQBXGnRfumlKQgO) #### Step-2: ![](/files/RS3wlLGFr9Pm0YZTmcO1) #### Step-3: ![](/files/KaZ1xxt9lSEwuqwwtMgO) #### Step-4: ![](/files/GWnZbd7VNcczweHHqdZM) # How to change home layouts ### 4. How to change home layouts If you want to change the home style, Go to backend:Extensions --> Template Manager --> Choose your template style. #### Step-1: ![](/files/emdPjLRRypJNZbNc18Os) #### Step-2: ![](/files/zRR84u8YKT2zb48PXV25) # Offcanvas menu configuration ### 5. Offcanvas menu configuration Follow the below steps to configure Offcanvas menu for your Mobile view and tablet view > Module position: off-canvas Module suffix: not used ![](/files/XsdhXMB6vxaoAv7fyGt6) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Menu with the settings below: #### Step-1: ![](/files/iFOv7EqQ4S9IJAt3Kf4v) #### Step-2: ![](/files/XC510BG8bmuixNljHuZn) #### Step-3: ![](/files/Nr87qz4evelmyGZLSgx5) # Layout Customization ### Layout customization * Home styles * Footer * Other pages # Home styles ### Home styles * Home style 1 * Home style 2 * Home style 3 * Home style 4 * Home style 5 * Home style 6 * Home style 7 * Home style 8 # Home style 1 In this section you will learn how to customize modules in our Runway template Home page # Top left contact info ### 6. Top left contact info > Module position: topbar-left > > Module class suffix: Not used ![](/files/ClKS0eXqo9uewLl3kOl7) If you want to display your contact information like this you have to create a menu and publish the menu module like below #### Step-1: ![](/files/GwOX5ye3y0WEfyrjbw5F) #### Step-2: ![](/files/GuM84q4oBVAORUkyYrhr) #### Step-3: Add the following code in your custom html module ```html
``` #### Step-4: ![](/files/bkftww7APGAIawZqCzTe) # Top right menu ### 7. Top right menu > Module position: topbar-right > > Module class suffix: Not used ![](/files/CdQdVtQqT4RoWCNLUlVg) This section is configured by menu settings, if you want to display your menu links like this you have to create a menu and publish the menu module like below #### Step-1: ![](/files/BXJonohUKSNkToyR7HUp) #### Step-2: ![](/files/hbDhjf22NRS0bMDGqy3t) #### Step-3: ![](/files/ONELlVnyhJbDLTujpIbG) # Home intro text ### 8. Home intro text > Module position: tp-intro > > Module class suffix: Not used ![](/files/ykFwteiSw6HOwX4WwgKC) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom html** with the settings below: #### Step-1: ![](/files/3cmB0x1WgEFDPiikmnCi) #### Step-2: ![](/files/XCGysXTgCUTiGsnSXvEM) Add the folloing html code in your custom html module ```html

Clean, Modern & Multipurpose Joomla Template For Your Website

Get this template
``` #### Step-3: ![](/files/iVy56NtPLV8u6qtLY68Q) # Home Features module ### 9. Home Features module > Module position: tp-intro-feature Module class suffix: Not Used ![](/files/aOvkDVEKlYZzZGA3wcIF) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module** with the settings below: #### Step-1: Create a New RokSprocket module Select your Module style as "Strips" Select your Content provider as "Simple" Choose your layout as "Default" #### Step-2: Add the following html code in your Roksprocket Simple content Description section ```html

Powerfull Features

Lorem Ipsum is simply dummy text of the printing and typesetting the readable content of a page when looking at its layout.

``` # Home 1 Master Promotion text ### 10.Home 1 Master Promotion text > Module position: tp-promo-1 > > Module class suffix: tp-promo-top arrow-down-gray-dark ![](/files/dm981mwkIL6vlfQ5dpoG) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html Module** with the settings below: #### Step-1: ![](/files/gRlZwyHhkP0ckz8m7BmZ) #### Step-2: ![](/files/R6z48Ig69AiOrygRYpWl) Add the folloing html code in your custom html module #### Step-3: ```html

Want to know more about Runway?

Lorem Ipsum is simply dummy text of the printing and typesetting

``` #### Step-4: Once the above code is added save and close the settings # Home 1 List Features module ### 11. Home 1 List Features module > Module position: tp-products Module class suffix: tp-title-center tp-home-intro tp-feature-2 ![](/files/rr8E6xKV9pnC8O2YdUIg) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html Module** with the settings below: #### Step-1: ![](/files/5ccMEXRUGtT3prZdgtqu) #### Step-2: ![](/files/YfmUKGK6XJTqDjlH4w8r) Add the following html code in your custom html module #### Step-3: ```html

Modern Design

Lorem Ipsum is simply dummy text of the printing and typesetting the readable content.

easy to customize

Lorem Ipsum is simply dummy text of the printing and typesetting the readable content.

Google Fonts

Lorem Ipsum is simply dummy text of the printing and typesetting the readable content.

100% Translatable

Lorem Ipsum is simply dummy text of the printing and typesetting the readable content.

Premium Slider

Lorem Ipsum is simply dummy text of the printing and typesetting the readable content.

Awesome Support

Lorem Ipsum is simply dummy text of the printing and typesetting the readable content.

``` #### Step-4: Once the above code is added Save and close the settings # Home 1 portfolio module ### 12.Home 1 portfolio module > Module position: FP-portfolio > > Module class suffix: tp-portfolio-slider ![](/files/I7aPoYlpGETu9XMKqvdU) If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module with the settings below: #### Step-1: Create a New RokSprocket module Select your Module style as "Strips" Select your Content provider as "Simple" Choose your layout as "Default" Once the module is created add you Portfolio K2 item #### Step-2: Save and close the settings # Home 1 Clients logo ### 13. Home 1 Clients logo ![](/files/DaM6UEcSjV7QV1xatLtJ) > Module position: tp-brands > > Module class suffix: Not used If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module** with the settings below: #### Step-1: Select your layout type as "Strips" Select your Content provides as "Simple" Select your Theme as "Parallex" Publish the module in "tp-custom-brands" #### Step-2: Once the Roksprocket module content is added, You need to create a custom html module to dispaly the module. Create a new Custom html module #### Step-3: ```html

Clients we worked with

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled

Read more
{loadposition tp-custom-brands}
``` Make sure the Prepare Content is set to YES. #### Step-4: Once the text is added Save and close the settings # Home 1 Promo text bottom ### 14. Home 1 Promo text bottom > Module position: tp-promo > > Module class suffix: Not Used ![](/files/8nBpSPMEMWSwk0Yv9NEG) If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as Custom Html** with the settings below: #### Step-1: Create a Custom Html module #### Step-2: Add the following html code in yout custom html module ```html

So what you are waiting for? Download

``` #### Step-3: Once the code is added SAVE & CLOSE the settings # Home style 2 --- [Next Page](/llms-full.txt/1)