JUX News Wall

Created: 07/30/2014

Lastest update: 13/03/2020

By: Joomlaux

Need Support

General introduction

What is News Wall?

JUX News Wall is the primary "content" retrieval module for K2 or Joomla Content. You can set various category and item element filters to display a number of items coming from the K2 component and Joomla Content. Using multiple copies of this module (with varying settings) you can achieve complex news publishing/magazine site layouts. Using masonry effect, JUX News Wall will bring more attractive to your site’s viewer.

 

Key features

  • Support K2 v 2.6.8 and Joomla 3.x
  • Fully Responsive.
  • Beautiful design with CSS3 transition effect.
  • Compatible with Tablet, Smart phone.
  • Flexible Configuration: you can Show/Hide all the information.
  • Select source from K2 Component and Joomla Content(with many options featured)
  • Beautiful effect with masonry effect and cool lightbox to display more details.
  • Support multi types of items as articles, slideshow, video.
  • Slideshow with beautiful effect.
  • Support jQuery noConflict.

Frontend

K2 – Front-end

 

Joomla Content – Front-end

 

Image Only – Front-end

 

Lightbox Articles

 

Lightbox Video

 

Backend

Module Options

 

Advanced Options

 

Tab K2 Options

 

Tab Joomla Content Options

 

Tab Layout Options

 

Server Requirement

News Wall has several system requirements as follow:

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.

Download

After purchasing our product, you’ll see the download link at News Wall 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

mod_jux_news_wall

 

Module Installation

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

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

Extension manager

 

Configuration for tab Module

Edit basic functions for the JUX News Wall: you can choose source for News Wall module.

 

Configuration Layout Options

You can configure Layout for News Wall as items Background color,items margin, enter column on Desktop, Tablet or Mobile

Category Filter

Show/Hide category filter

Filter Position

Select Filter Position

Items Background

Set items background color

Filter Gray

Enable/Disable Filter gray of images.

Item margin

Enable/Disable Item margin

Margin (px)

Set items margin

Columns On Desktop

Select number of columns on Desktop

Columns on Tablet

Select number of columns on Tablet

Columns on Mobile

Select number of columns on Mobile

Custom CSS

Insert Custom CSS code

Configuration for Tab Advanced

You can set module class suffix and Enable or Disable jQuery, plug-in for News Wall module

 

Module Class suffix

A suffix to be applied to the CSS class of the Module. This allows for individual Module styling.

Enable jQuery

Select Yes if you want to anable jQuery.

Enable jQuery NoConflict

Select Yes if you want to anable jQuery NoConflict.

Enable K2 plugins

Enable K2 plugins.

Enable Joomla! content plugins

Enable Joomla! content plugins.

Configure for Tab K2 Option

This section provides options for you to configure JUX News Wall with K2 Content.

 

Category filter

Select categories from K2 to display with JUX News Wall. You can choose all categories or select one category or select multi categories.

Select one or more categories

Select one ore more categories for which you want to filter an items list. Select none to fetch items from all categories.

Fetch items from children

Choose Yes if you want fetch items from children categories and No if you don't want!.

First Load Items

Set number of items to display on first load

Loadmore Items

Set loadmore Items.

Item ordering

Ordering item by select one of options.Have many option to choose.

Lightbox

Choose item view in beautiful Lightbox or default view K2 items of template!.

Title

Show/Hide Title of items.

Introtext

Show/Hide Introtext of items.

Image

Show/Hide Images of items.

Video

Show/Hide Video of items.

Tags

Show/Hide Tags of items.

 

Configuration for Joomla Content

This section provides options for you to configure JUX News Wall with Joomla Contents.

 

Category

Please select one or more categories.

Child Category Articles

Include or Exclude Articles from Child Categories.

Category Depth

The number of child category levels to return

Article Field to Order By

Select which field you would like Articles to be ordered by. Featured Ordering should only be used when Filtering Option for Featured Articles is set to 'Only'.

Ordering Direction

Select the direction you would like Articles to be ordered by.

First load items

Set number of Articles to diplay on front-end when first load

Loadmore Items

Set Loadmore items number

Lightbox

Choose item view in beautiful Lightbox or default view Joomla items of template!

Linked Titles

Please select Linked Titles. Note: If you choose No you will can't choose option to Show/Hide Date option

Date

Select Show if you would like the date displayed.

Category

Select Show if you would like the category name displayed.

Articles Images

Please select to Show/Hide Image of items.

Introtext

Select Show if you would like the introtext to be displayed.

Introtext Limit

Please enter in a numeric character limit value. The introtext will be trimmed to the number of characters you enter.

Example

Create Item for K2 component

Create Items as Article

Step 1: Create Categories

Step 2: Create Items( NOTE: insert value as the screenshot)
  • Insert title and tags

 

  • Tab Content

 

NOTE: At tab content you must focus Mouse at the last of paragraph you want to display as introtext then click READMORE at the bottom of editor
  • Tab Content

 

Create Items for display video (Note: do not insert image)

The same with articles but do not upload image. You must embeded video from Youtube or other Server at tab Media

 

Create Items for display Slide (Note: you must select featured)

 

 

You must Toggle Editor as the screenshot then add the code below

 

Create Item for Joomla Contents

Create Items as Article

Step 1: Create Categories

Step 2: Create articles,similar create items for K2

NOTE: you must choose images to display at front-end at tab Images and links

 

 

Create Items for display as slide: Similar K2 Component)

NOTE: You must toggle editor then add the code above and choose items is Featured

 

Please set news wall module the below:
    Module Options
  • Select Data Source: Choose source from K2 or Joomla Content. Note: you should choose K2 if you want display videos.
    Layout Options
  • Categories Filter: Show
  • Filter Position: Left
  • Items Background: #f4e7e7
  • Filter Gray: Yes
  • Item margin: Yes
  • Margin (px): 5px
  • Columns On Desktop:4
  • Columns on Tablet:2
  • Columns On Mobile:1

 

Advanced Option
  • Module class suffix:Do not use here
  • Enable jQuery: No
  • Enable jQuery NoConflict: No
  • Enable K2 Plugins: Yes
  • Enable Joomla Content Plugin: Yes

 

K2 Options
  • Category filter: Select
  • Select one or more categories: Select categories for display at front end
  • Fetch items from children: yes
  • First Load Items:4
  • Loadmore Items:4
  • Item ordering: Random Order
  • Lightbox: Show
  • Title: show
  • Introtext: show
  • Image: show
  • Video: show
  • Tags: show

 

Joomla Content Options
  • Category:Select categories you want to display at front-end
  • Child Category Articles:Exclude
  • Category Depth:1
  • Article Field to Order By:Title
  • Ordering Direction:Ascending
  • First load items: 5
  • Loadmore Items: 5
  • Lightbox: Show
  • Linked Titles: yes
  • Date: show
  • Category: Hide
  • Articles Images: Hide
  • Introtext: Show
  • Introtext Limit: 100

Result for Frontend

Source K2 on Desktop

 

Source K2 on Tablet

 

Source K2 on Mobile

 

Source Joomla Content on Desktop

Joomla Content Source on Tablet

 

Joomla Content Source on Mobile