JUX Offline Page

Created: 08/05/2018

Lastest update: 08/05/2018

By: Joomlaux

Need Support

General introduction

What is JUX Offline Page?

JUX Offline Page is a complete solution to set up and customize the offline page which informing your site is under-construction or under-maintenance. Amazing all in one page style with smoothly effect!

The Joomla extension comes with beautiful Countdown Timer effects and Background styles including three main types(Image, Slideshow, and Video). Plus, JUX Offline Page follows the minimal style that allows users quickly and effectively customize an amazing offline page in minutes.

To activate the offline page, just activate our plugin.

 

Key features

  • Support Joomla 3.x
  • Beautiful design with CSS3 transition effect.
  • Compatible with Tablet, Smart phone.
  • Flexible Configuration: you can Show/Hide all the information.
  • Display all in one page: Home, Login
  • 3 styles of background: images, slideshow and video from Youtube
  • Subscribe mail with Acymailing
  • Meta tags data.
  • Beautiful countdown effects: Circles, Flip, Number, Clock… with flexible configuration
  • User group Login.
  • Can customize css
  • Be 100% responsive or Fix width, height
  • Be compatible with Tablet, Smart phone
  • Run on modern browsers (including IE10+)
  • Support multiple languages

Frontend

Background Snow Image

 

Background Particles Image

 

Background Rain Image

 

Background Fireworks Image

 

Background Starfield Image

 

Background Confetti Image

 

Background Cricle Line Image

 

Background Particle Waves Image

 

Background Ripples Image

 

Slider + CountDown Clock

 

YouTube Background + Clock

 

Backend

Tab Plugin Options

 

Tab Options Page

 

Tab CountDown Options

 

Tab Social Nesworks Options

 

Tab Options Advance

 

Server Requirement

JUX Offline Page has several system requirements as follow:

  • Apache 2.0 or above - http://www.apache.org recommended: Apache 2.0 or above.
  • PHP 5.2.4 or above - http://www.php.net recommended: PHP 5.3 or above.
  • MySQL 5.0.4 or above - http://www.mysql.com recommended: MySQL 5.0.4 or above.
  • Joomla! 3.x. Please go to - http://www.joomla.org  download Joomla! 3.x.
  • You have to ensure that your system has already installed, XML and Zlib-Support built into your PHP.
  • PHP should be compiled with support for https (openSSL) and cURL.
  • PHP Safe Mode should be turned off.

Client Requirements

This module can run well on major browsers such as: Internet Explorer (version 10+), Firefox, Chrome, Opera 9+, and Safari. JavaScript must be activated.

The client/browser needs to be capable of accepting Cookies and Cookies must be enabled.

Download

After purchasing our product, you’ll see the download link at JUX Offline Page product page:

http://www.joomlaux.com/download.html

Note: If there is any problem, please contact us at: http://www.joomlaux.com/support/contact-us.html

Package

Module

plg_system_jux_offline_page

 

Module Installation

Go to Administrator site => “Extensions” => “Extension Manager” in the Top Menu.

In “Upload Package File” block, please Upload & Install our extensions:

Extension manager

 

Configuration for Plugin Options

In this tab, you can choose to show background to offline page. You can background style: image, slideshow, video(note: support youtube).

 

Detail
  • Background Style: Select background style: Image, Slider, Video(Video youtube).
  • Select Image: Select Image background. Note, only for background style is image
  • Effect: Select the background effect of the image. Note, only for background style is image
  • List Image: Select list image show in slider background. Have the following options: default, snow, particles, rain, fireworks, startfield, confetti, cricle line, particle waves, ripples. Note, only for background style is slider.
  • Transition Time: Insert Transition time(by second). Note, only for background style is slider.
  • Hold Time: Insert Hold time for each slider. Note, only for background style is slider
  • Loop: Insert loop time number. If loop equal 0 the slideshow will don't loop|. Note, only for background style is slider
  • Video ID: Insert ID video youtube. Example: If the link of video is https://www.youtube.com/watch?v=DQuhA5ZCV9M. Video ID is DQuhA5ZCV9M. Note, only for background style is video
  • Mute: You can Turn On/ Off volume of video. Note, only for background style is video
  • Loop Video: You can Turn On/ Off loop video. Note, only for background style is video
  • Start At: You can Turn On/ Off volume of video. Note, only for background style is video
  • Groups User: Select Group User have permission to access page. Example Super User, Guest,...

Demo Effect
  • Snow

  • Particles

  • Rain

  • Fireworks

  • Starfield

  • Confetti

  • Cricle Line

  • Particle waves

  • Ripples

Get ID YouTube
  • Step 1: Select the youtube video you want to display.
  • Step 2: Get id video.

  • Step 3: Paste id video.

 

Configuration for Options Page

In this tab, you can edit the content of the page: you can set favicon, main text's, logo, overlay background, title, login.

 

Detail
  • Favicon: Select Favicon for your page.
  • Main text's Color: Select color for main text of page.
  • Logo: select logo for your home page.
  • Logo's Effect: select logo's effect. Have the following options: None, Pulse, pulse grow, pulse shrink.
  • Overlay: Custom overlay of background. Have the following options: None, Color, Pattern.
  • Overlay Color: Click to pick overlay color. Note, only for background style is Color.
  • Overlay Opacity: Insert overlay opacity from 0.0 to 1.0. Note, only for background style is color or Pattern.
  • Pattern: Click to pick overlay pattern. Note, only for background style is Pattern.
  • Date Format: Select date and time format to display on offline page. If online date is selected, or select custom to inset the format in the field bellow. Note : it will display at front-end.
  • Title: Insert Title of home page content.
  • Description: Insert descriptions of home page content.
  • Logo Login: Insert image login logo.
  • Title Login: Insert title login.

View

 

Configuration for Coundown Options

You can insert time, select type countdown show page.

<

 

Detail
  • Website Launch Date Time: Select type of website lauch date time. Include Select time and Insert time.
  • Calendar: Select time for Coutndown. Note, only for Website Launch Date Time is select time.
  • Year: Insert year. Note, only for type Insert Time
  • Month: Insert Month. Note, only for type Insert Time
  • Day: Insert Day. Note, only for type Insert Time
  • Hour: Insert Hour. Note, only for type Insert Time
  • Minutes: Insert Minutes. Note, only for type Insert Time
  • Seconds: Insert Seconds. Note, only for type Insert Time
  • Countdown Style: Select countdown time. There are following types: TimeCircles, County, Number, Slide, Flip Clock, Clock.
  • Day color: Select the border color for the countdown time.
  • Day border: Insert border width for counting time
  • Hour color: Select the border color for the countdown time
  • Hour border:Insert border width for counting time
  • Minute color: Select the border color for the countdown time
  • Minute border: Insert border width for counting time
  • Second color: Select the border color for the countdown time
  • Second border: Insert border width for counting time
  • Reflection: Show/Hide Reflection.
  • Animation: Choose county animation
  • Theme: Choose County theme
  • Theme( Theme in countdown slide):Select theme for slide style.
  • Alert: Insert limit in seconds when display red background.
  • Days Number: If your countdown's days greater than 99 you must choose dáy number is 3.

Demo Countdown
  • TimeCircles

  • County

  • Number

  • Slide

  • Flip Clock

  • Clock

 

Configuration for Social Nesworks Options

You can set subscribe mail, insert link social, drag and drop items social.

 

Detail
  • Maillis Support: If you want to display mailing list subscription on your coming soon page, select here which component for mailing do you use.
  • Social: Select the social network you want to appear by inserting your social network link. You can change the social location by dragging the icon (right or left).

Using social drop and drag social.

 

Configuration for Advance Options

This Tab, you can set title, description, metadata keywords, custom css.

 

Detail
  • Title: Insert metadata title.
  • Description: insert metadata description.
  • Metadata Keywords: insert metadata keywords description.
  • Custom css: You can create code custom css.