Quantcast
Channel: Blog - JLexart - Joomla! Extensions - JLexart - Joomla! Extensions

How to integrate JLex Review with Hikashop

$
0
0
How to integrate JLex Review with Hikashop

As you known, the Hikashop don't allow embed Joomla! module, it not good to display a custom code through plugin also. I tried many times and there is best way to display review form for each Hikahop product.

1. Show review content for each product

Please do following bellow steps:

  1. Install Flexi Custom Code module (Get it here). This module help to insert PHP code
      Notice:
    Unzip first and install exactly Joomla! version.
  2. Go to Module manager > New > Select: Flexi Custom Code
  3. Copy code bellow and paste to "Insert Code" field:
    <php
    $app = JFactory::getApplication ();
    if( $app->input->getCmd('option')=='com_hikashop' &&
    	$app->input->getCmd('ctrl')=='product' &&
    	$app->input->getCmd('task')=='show' )
    {
    	$id = $app->input->getInt ("cid",0);
    	if ($id>0)
    	{
    		echo JLexReviewLoad::init ( "", 'hikashop', $id);
    	}
    }
    
  4. In Menu Assignment set Module Assignment is On all page
  5. Select Module position where you would like place this module. Then mark Public status and save it.

2. Show average rating (Mini-star icon) to product and listing product

This step is easier :). Get plugin at here and go to Extension > Installation > Install. Then, go to Plugin manager and enable "Hikashop - JLex Review"

If you have difficult, please contact us through Forum or Ticket system.


Best Free Responsive Magazine News Joomla Templates 2016

$
0
0
Best Free Responsive Magazine News Joomla Templates 2016

In this post, we’d like to focus your attention on Free Responsive Magazine News Joomla Templates. Of course, you can always opt for custom designs if you are ready to part ways with thousands of dollars. But those of you who are on a tight budget can use ready-made templates, taking into account that there are lots of freebies out there.

BT Magazine

BT Magazine

Demo Download

BT Magazine is latest, FREE and responsive Joomla template that fully supports EasyBlog, #1 blogging component by Stack Ideas. Its layout and design are modern and flexible enough to fit any digital magazine, technology blog, or online news site.


GavickPro MAGAZINE

GavickPro MAGAZINE

Demo Download

Build a modern-styled blog with this free theme, offering a classic article-listing frontpage with a technical twist that great for budding bloggers or writers new to the medium. The powerful features of our News Show Pro and Tabs module combine for ever-updating article links that populate the sidebar and bottom of the frontpage listings; your site traffic can be linked throughout your posts in seconds.


JA Simpli

JA Simpli

Demo Download

JA Simpli has been developed with the Joomla default templates in mind. We have tried to add the features that are missing from the default Joomla templates. No frameworks, default Joomla Bootstrap version but with tons of features and no coding skills required. , JA Simpli is perfect starter free Joomla template that should meet all your requirements: from a simple to complex Joomla projects, personal blog to professional business portfolio site. The template layout is super flexible to adapt for any purpose with ease. With 4 premade Home variants, you have more choices to start with.


JA Purity III

JA Purity III

Demo Download

Purity III is the best responsive Joomla template that you won't get enough of for almost everything: from a simple to complex Joomla projects, personal blog to professional business portfolio site, or just about any Joomla projects you have in mind.


LT News

LT News

Demo Download

LT News is premium template tailored for magazine and news Joomla template websites. This template is the online version of newspaper and it is great for your new magazine or daily news update websites. LT News builds on powerful framework with 100% responsive layout (support for mobile devices) based on bootstrap, unlimited module position, strong shortcodes help you present content. Moreover, it comes with 4 color styles, has drag-drop tools and color settings helping to create wonderful websites with various layouts. News features are also supported by K2 extension, so you can use it to build news or magazine website.


AT Enews

AT Enews

Demo Download

AT Enews is a responsive Joomla templates with great features. It is built on Avatar Framework but have implemented & improved for many purpose. Responsive for various resolution screens./5 Theme Colors/9 Backgrounds/Many showcase to display the articles.


OT Surfdev

OT Surfdev

Demo Download

OT Surfdev is free Joomla! template with fresh and clean metro style design. This template is suitable for a wide range of business, community, portfolio, photography, personal sites, support sites etcfree. This template provides all the main functionality you will need to present your products, work and yourself online in an elegant and professional style.


Feuerwehr-J

Feuerwehr-J

Demo Download

Responsive Design/ Flat, Clean Design/Alle Warp 7 Framework Eigenschaften/UIkit support/Cross-Browser

JLex Comment 1.1.5 released

$
0
0
JLex Comment 1.1.5 released
Released JLex Comment v1.1.5. Almost bugs in first version fixed. Also, some featured added. Click to see detail.

Today, we released v1.1.5 to fixed almost bugs in first version. Thanks so much @Melvine and @Jeffrey for your feedback :-). Recently, Some visitors asked me that The Google can crawl and index JLex Comment content or not?. The answer is Yes. All comment will be indexed in Google result. You can use this link: http://demo.jlexart.com/jlex-comment and view source to see it.


There is some change-log in new version:

1. Layout

Fixed CSS in comment box. As first version, you didn't see noted text "Say something here...", it's missing !

2. Cron-job command is wrong

Updated comment in v1.1.5. Because the command is wrong, so all task related to Email not working :(

3. Importing issue

At first version, the importing couldn't complete for large data. Now, it fixed.

4. EasyProfile integration

Now you can sync link and thumbnail of user in JLex Comment with EasyProfile

5. Quick links in email

The admin can task actions directly in email such as: Publish/Featured/Remove.


Get JLex Comment Now

Lunar New Year Offerings

$
0
0
Lunar New Year Offerings

Lunar New Year is the first day of a secular, sacred, or other guise whose months are coordinated by the cycles of the moon and we will have 7 limited support on the holiday. Also, don’t forget our BIG PRESENT for you!!!

Dear Customer. Our office will be close from Jan 26th, 2017 to Feb 1st, 2017 for Lunar New Year 2017 Holiday.
Our support will be limited this time. All complicated problems will be solved after we’re back to work on Feb 2rd, 2017.

You'll be pleased to know that we're offering 25% discount for renewals and 20% for new purchases throughout our site. And it does not end there, you'll get to enjoy up to 35% discount when buy JLex Review + JLex Comment. This offer does not apply to our bundle products. Valid until Feb 2rd, 2017.

1. Single products

(Kindly key in the coupon code to enjoy the discounts - For new purchases)

LUNAR2017

New Purchases

(Kindly key in the coupon code to enjoy the discounts - For renewals)

LUNAR2017X

Renewals


2. Combo pack: JLex Comment & JLex Review

6-Month subscription

$84 $59 (OFF 30%)

12-Month subscription

$124 $79 (OFF 35%)

Released: Joomla Youtube module v4.3.6

$
0
0
Released: Joomla Youtube module v4.3.6

Youtube Feed Pro v4.3.6 released!. Popular featured of youtube module is brought to this version. Click to see detail.

1. Grid with lightbox option

Now, you can disable large player and replace by lightbox with video listing.

In order do that, in module setting, you set "Lightbox" is "Yes".



2. Video blackground are ready!

Support almost device except iOS, Window phone (these OS not support auto-play also inline video). With devices not supported, the module auto add suffix class _mobile, you can change style of module through CSS.



3. Improved speech of module

You can see difference between this version with its old when test with multiple channel or large result (>400 videos).



Demo Get Youtube Feed Pro Now

40 Free Stock Photos of Work Environments

$
0
0
40 Free Stock Photos of Work Environments
High-quality, free stock photos are hard to come by, but we made it easier for you! We decided to gather here 40 free stock photos of work environments. We know that these versatile images ca come in handy when working on a website, app or just about any kind of project.

High-quality, free stock photos are hard to come by, but we made it easier for you! We decided to gather here 40 free stock photos of work environments. We know that these versatile images ca come in handy when working on a website, app or just about any kind of project.

Here you have 40 free stock photos of work environments that you can download right away and use in your projects. These are professional-looking images that you can use for free, with no attribution required.

You can use these photos for various projects that are related to work environments, office, businesses, teamwork, studying and more. Browse through all of them, select your favorites and use them in your current projects. You can also download and add them to your free stock photos collection and use them in your upcoming projects. You can download and use these images for free for both personal and commercial purposes.

People Having a Conversation

Here is an excellent stock photo of a business environment. You can download it for free and use in your projects, with no attributions required.

People-Having-a-Conversation

Free stock photo of desk, keyboard, typing

This is a nice work environment stock photo that shows a desk and a person who is typing on a keyboard. Download this freebie and use it in your projects.

Free-stock-photo-of-desk,-keyboard,-typing

Working in a group

This is a professional stock photo of a bunch of people working in a group. This is a high-definition freebie image that will look perfect in your websites, apps, etc.

Working-in-a-group-·-Free-Stock-Photo

Free stock photo of a businessman writing something

Check out this professional stock photo that you can download for free. This freebie can be used for both personal and commercial purposes.

Free-stock-photo-of-a-businessman-writing-something

Free stock photo of people meeting workspace team

This photo of people meeting in a workspace can be downloaded and used for free in various projects. You can download and use this image for both personal and commercial purposes.

Free-stock-photo-of-people-meeting-workspace-team

Blue Work Harder neon sign

This photo of a blue ‘Work Harder’ neon sign can be downloaded and used for free in various projects. This freebie can be used for both personal and commercial purposes.

Blue-Work-Harder-Neon-Sign

Person writing ideas on a whiteboard

Here is a nice professional stock photo of a person writing ideas on a whiteboard that you can download for free and use in your projects. Enjoy!

Person-writing-ideas-on-a-whiteboard

Young woman thinking with pen while working /studying at her desk

Take a look at this high-quality image of a young woman studying at her desk. You can download and use this image for free for both personal and commercial purposes.

Young-woman-thinking-with-pen-while-working-_-studying-at-her-desk

Free stock photo of a man working on a laptop

Check out this professional stock photo of a man working on a laptop. This image is available to download for free, for both personal and commercial use with no attribution required.

Free-stock-photo-of-a-man-working-on-a-laptop

Woman working on a laptop, note, pen, phone, desk

Here is a wonderful stock photo of a woman working on a laptop that you can download for free and use in your projects. This is a high-quality image that was created by talented photographers.

Woman-working-on-a-laptop,-note,-pen,-phone,-desk

Person Working at Desk With White Documents

Take a look at this high-quality image of a person working at a desk. This image is available to download for free, for both personal and commercial use with no attribution required.

Person-Working-at-Desk-With-White-Documents-·-Free-Stock-Photo

Free stock photo of businesswoman talking on a phone and working on a laptop

Here is a high-quality stock photo of a business woman talking on a phone and working on a laptop. You can download it for free and use in your projects.

Free-stock-photo-of-boss,-businesswoman,-calling

Stack of magazines & pencils in gray cup

This is a nice work environment stock photo that shows a stack of magazines and pencils in a gray cup. Download this freebie and use it in your projects.

Stack-of-magazines-&-pencils-in-gray-cup-·-Free-Stock-Photo

Free stock photo of people, learning, meeting

Check out this professional stock photo that you can use in your projects. This freebie can be used for both personal and commercial purposes.

Free-stock-photo-of-people,-learning,-meeting

Person Holding Red Marker

Here is a nice professional stock photo of a working place that you can download for free and use in your projects. Take a look and download it for your design assets collection. Enjoy!

Person-Holding-Red-Marker-·-Free-Stock-Photo

Free stock photo of people working together

This photo of a two people working together can be downloaded and used for free in various projects. This is a high-quality freebie that will look perfect in your websites, apps, etc.

Free-stock-photo-of-people-working-together

Man in White Shirt Using Macbook Pro

This is a high-definition work environment stock photo that shows a man working on a Macbook Pro. Download this freebie and use it in your projects.

Man-in-White-Shirt-Using-Macbook-Pro-·-Free-Stock-Photo

Free stock photo inside an office 

This is a stock photo taken inside an office that can be downloaded and used for free in various projects. This high-quality freebie can be used with no attributions required.

Free-stock-photo-inside-an-office-

Girl writing on a black keyboard

Here is a professional stock photo of a girl writing on a black keyboard. This freebie can be downloaded for free and use in various projects.

Girl-writing-on-a-black-keyboard-·-Free-Stock-Photo

Black iPhone Beside Silver Pen on White Notebook Near Laptop Computer on Table

This is a high-quality work environment stock photo that shows a couple of work related items such as iPhone, pen, notebook, laptop.

Black-Iphone-Beside-Silver-Pen-on-White-Notebook-Near-Laptop-Computer-on-Table

Free stock photo of a woman taking notes on a Macbook

Check out this professional stock photo of a woman taking notes on a Macbook. This freebie can be used for both personal and commercial purposes.

Free-stock-photo-of-businesswoman,-company,-computer

Person on Black and Gray Keyboard

This is a professional stock photo of a person that is typing on a black and gray keyboard. Take a look and use it in your projects.

Person-on-Black-and-Gray-Keyboard-·-Free-Stock-Photo

Silhouette of man in front of laptop near window during daytime

In this photo, there is a silhouette of a man that is working on a laptop near a window during daytime. You can download and use this image for free for both personal and commercial purposes.

Silhouette-of-Man-in-Front-of-Laptop-Near-Window-during-Daytime-·-Free-Stock-Photo

Free stock photo of blueprints, entrepreneur working on a laptop

This image is available to download for free, for both personal and commercial use with no attribution required. It pictures an entrepreneur working on a laptop on top of some blueprints.

Free-stock-photo-of-blueprints,-entrepreneur-working-on-a-laptop

Grayscale photography of a man sitting in front of a computer

Check out this black & white stock photo of a man sitting in front of a computer. You can use this freebie for both personal and commercial purposes.

Grayscale-Photography-of-a-Man-Sitting-Infront-of-a-Computer-·-Free-Stock-Photo

Free stock photo of girls working on laptops in a cafe bar

This is a professional stock photo of a bunch of girls working on laptops in a cafe bar. This is a high-definition freebie that will look perfect in your websites, apps, etc.

Free-stock-photo-of-girls-working-on-laptops-in-a-cafe-bar

Free stock photo of coders, coding, company

Here is a lovely stock photo of a work environment that you can download for free and use in various projects.

Free-stock-photo-of-coders,-coding,-company

Man in Grey Hoodie Jacket Holding Black Metal Near White Socket Power Supply

This is a high-definition image that pictures a man in a gray hoodie working near white socket power supply. Download this freebie and use it in your projects.

Man-in-Grey-Hoodie-Jacket-Holding-Black-Metal-Near-White-Socket-Power-Supply

Free stock photo of a man on a desk, writing down an idea

In this photo, there is a man that is working on a desk, writing down an idea. This freebie can be used for both personal and commercial purposes.

Free-stock-photo-of-a-man-on-a-desk,-writing-down-an-idea

Free stock photo of businessman working on a computer writing something on a notebook

This is a high-definition freebie that will look perfect in your websites, apps, etc. It pictures a businessman working on a laptop and writing down ideas.

Free-stock-photo-of-businessman-working-on-a-computer-writing-something-on-a-notebook

Free stock photo of a man writing a concept on a whiteboard

Here is a high-quality stock photo of a man writing a concept on a whiteboard that you can download for free and use in your projects.

Free-stock-photo-of-a-man-writing-a-concept-on-a-whiteboard

Person wearing scream mask and black shirt while facing computer table during daytime

This is a joyful work environment stock photo that shows a man wearing a scream mask working on a computer. Download this freebie and use it in your projects.

Person-Wearing-Scream-Mask-and-Black-Dress-Shirt-While-Facing-Computer-Table

Free stock photo of a woman working on a desktop

In this photo, there is a woman working on a desktop in a company. Take a look and use it in your projects. Enjoy!

Free-stock-photo-of-a-woman-working-on-a-desktop

Free stock photo of a person working on a laptop at a desk table

This is a professional stock photo of a person working on a laptop at a desk table. You can download and use this image for free for both personal and commercial purposes.

Free-stock-photo-of-a-person-working-on-a-laptop-at-a-desk-table

Free stock photo of a person organizing

Here is a nice professional stock photo of a person organizing something. You can download this image for free and use in your projects.

Free-stock-photo-of-a-person-organizing

Rose gold iPhone 6s on white book near coffee

This photo of a rose gold iPhone 6s on white book near coffee can be downloaded and used for free in various projects.

Rose-Gold-Iphone-6s-on-White-Book-Near-Coffee-·-Free-Stock-Photo

Person writing on a white keyboard

In this photo, there is a person writing on a white keyboard. This image is available to download for free, for both personal and commercial use with no attribution required.

Person-writing-on-a-white-keyboard

Free stock photo of an improvised office in an apartment

Here is a nice high-quality stock photo of a working place that you can download for free and use in your projects. This freebie can be used for both personal and commercial purposes.

Free-stock-photo-of-a-working-table-in-an-apartment

Man in black crew neck t-shirt and white pants sitting on the floor while writing

This is a professional stock photo of a man that is sitting on the floor while writing something on a white paper. You can download and use this image for free for both personal and commercial purposes.

Man-in-black-crew-neck-t-shirt-and-white-pants-sitting-on-the-floor-while-writing

Man in an office working on a desktop

Check out this professional stock photo of a man in an office working on a desktop. This image is available to download for free, for both personal and commercial use with no attribution required.

Man-in-an-office-working-on-a-desktop

Line25.com

[Tutorial] How to create an Ajax Search Module for Joomla

$
0
0
[Tutorial] How to create an Ajax Search Module for Joomla
Why should use Ajax technology in your site? . With Ajax, visitors can try multiple different searches without refreshing the page. Another reason that it will return correctly result instead of BLANK PAGE :(. In this tutorial, I will help you create a quick ajax module based on Smart Search component.

Smart Search component have built since Joomla! 2.5. It's still improving for next releases. In order use this component, you must enable all plugin related to this component. Go to Plugin manager > enter keyword "smart search" and enable these plugins.

joomla ajax search module



Next, in Smart search component, click Index button to recrawl data. Processing times depend on your website data. Because all data of Smart search is static, so you should recrawl data several times/week.

joomla ajax search module



Finally, create a Ajax Search module. Go to Module manager > New > Smart Search module.

joomla ajax search module



Then set all necessary parametes and save it.

joomla ajax search module



The result as bellow:

joomla ajax search module

[Tutorial] Custom HTML module - Some tricks you should know

$
0
0
[Tutorial] Custom HTML module - Some tricks you should know

In this quick tutorial we show you special features in Joomla Module HTML. From adding CSS, Javascript to assign Joomla Content plugin to this module.

Firstly, same as another plugins, you must create Custom HTML module from Joomla! back-end. In admin UI, access to Extensions > Modules > Add > Custom


1. Adding CSS & Javascript

By default, the Joomla editor will strip all tag contain CSS and Javascript content. So, you need turn off it first. If you site is using TinyMCE, access to Plugin manager > Editor - TinyMCE > Use Joomla text filter > Yes > Save.
In Global Joomla setting, the administrator can use these special tags(style, script, iframe...). If you're not using any editor (textarea), you can skip this step.

Now, refresh your module and enter your code to here. For stylesheet is:

    <style>
        // Your code here
    </style>

For javascript:

    <script type="text/javascript">
        // Your code here
    </script>

For iframe (Youtube example):

<iframe width="560" height="315" src="https://www.youtube.com/embed/xxxxxx" frameborder="0" allowfullscreen></iframe>


2. Using Joomla! Content plugin

In order using Joomla Content plugin, you need enable Prepare Content firstly:


Access to Plugin manager < Set Type is Content to see list plugin support.

Noticed that some plugin is restric for Article type, so you couldn't use it. Normally, you should choose a module has feature support insert something (image, video, code...). You can find these modules in JED

In this example, I will use Content - Load Modules plugin:
Okay, now I will use syntax {loadmodule mod_login} to insert login module. Then, I will add some CSS to markup for this module :)

There is my code:

Result:


JLex Review 4 RC Is Now Available

$
0
0
JLex Review 4 RC Is Now Available
Bugs and limited in use are reason why we release this version. We spent three months to collect bugs from special clients and update this extension. Because this version just for testing (RC) so I hope receiver more feedbacks from you !

Bugs and limited in use are reason why we release this version. We spent three months to collect bugs from special clients and update this extension. Because this version just for testing (RC) so I hope receiver more feedbacks from you !

IMPORTANT: Please don't use this version for existing project. You should use it for testing and new project.

Read article and explore key feature in new version:

More field type

JLex Review: Support field type

In new version, almost field type input are supported:

  • Textarea
  • Text
  • Rating
  • Select
  • Checkbox
  • HTML

Each field, you can attach rating element. In addition, you can collect user data by using private field.

Photo & Editor review tab

JLex Review: Photo tag

All photos/images from review will collect in one tab. In addition, beside review from visitors, the editor/admin also can post their review.

Improving interaction with Social Network extension

JLex Review: Social network extension

As before, you only use JLex Review to review user profile but now, you can stream user review activity to popular social extensions like as EasySocial or JomSocial. The JLex Review profile also integrate with these extensions

And more... :)

In order get this version, you need access to Download page, All versions and get it. Really long to say all new features, so you should experience it through helpful links:


Thank you

We would also like to thank everyone who send us important bug. I hope will receiver more feedback from guys.

Summer sale! Get discount 20% for any extension

$
0
0
Summer sale! Get discount 20% for any extension

JLexArt has started great Sales on Summer Holidays and gives 20% discount on any JLexArt extension for a limited time. In addition, you can get great combo package for discount up to 35%. Let's go!

Using discount code to get offer (Valid until August 15, 2017)   SUMMER2017     or get our combo packages for discount up to 35%


Deal from Our partners:

Template and extension provider offering professional templates for Kunena and for other extensions.

  • 15 % OFF on all templates for Kunena 5
  • Valid: Since 25 July til 25 August

3HZX8F9PR7


Joomline is a professional team with an extensive experience in web application development. Their most popular extension is Social Login - a social network authentication component allowing to sign in to Joomla site via social networks.

  • 20 % OFF on all extensions
  • Valid: Since 25 July til 15 August

JL2017


RD Media provides various solutions and extensions for Joomla. the best known product is RD Subscriptions which is used on many subscriptions websites. Further we develop custom components, and offering Autos Selling and e-Tickets components to the Joomla community.

  • Buy RD-Subscriptions just for €19 instead of €39
  • Valid: Since 1 June til 31 August

NorrCompetition is an effective photo and video voting contest component for Joomla which offers lot of features and comes with bunch of add-ons to extend the site with extra voting features

  • 25 % OFF on all extensions
  • Valid: 31 August

98F73HTZDV

JLex Comment 1.3.3 Is Now Available

$
0
0
JLex Comment 1.3.3 Is Now Available
JLex Comment v1.3.3 released!. New features are brought to this version. Click to see detail.
  1. [Added] Reaction Now, instead of only being able to Like/dislike a post, the users can choose from variety of different emotive reactions.
  2. [Added] Style commenting Change style of special comments
  3. [Fixed] Google map location Now, the place suggesting fixed.
  4. [Upgraded] Modified layout for compatible with small device.
  5. [Upgraded] Improved back-end UI


Some Updates for Our Extensions

$
0
0
Some Updates for Our Extensions
Released JLex Review v4.07, JLex Comment v1.37 and JLex Block v5.16. Read full article.

JLex Review v4.07

  • Added: An email will be sent to user who posted review.
  • Fixed some bugs

JLex Comment v1.37

  • Added: Auto subscribe when post a comment.
  • Fixed: Upload media from back-end
  • Fixed: Double enter error

JLex Block v5.16

  • Fixed: Password form when using JLex Block as default login.

JLex Review 4.1.3 is Now Available

$
0
0
JLex Review 4.1.3 is Now Available
Some change-logs in newest version of JLex Review. Click to read details.

1. New theme with name: LINE

Based on old version of JLex Review (V3), we have deleveped a new theme with name is Line for V4. There is new theme without tab, all parts of page such as Review/Photo and Form will be displayed inline.

Fully preview:

JLex Review new theme with name is Line


2. Migrator

Now you can import review from special components directly. Currently, it's just support Virtuemart and Hikashop. In the future, we will integrate more extensions.

3. Others

  • Auto update user's avatar when they login by their social network account.
  • ...etc

Thank you!

We would also like to thank everyone who send us important bug. I hope will receiver more feedback from guys.


p/s: Don't forget renew your subscription to get discount 25% for any plan :).

How to find JavaScript conflict in Joomla?

$
0
0
How to find JavaScript conflict in Joomla?

While JavaScript are beautiful and very handy, they can also bring down a site if in conflict with each other. One can expect JavaScript conflicts to appear as more and more extensions are installed in a Joomla site. The extensions may be using different JavaScript libraries or different library versions or libraries made by different developers which can be in conflict to each other.

While JavaScript are beautiful and very handy, they can also bring down a site if in conflict with each other. One can expect JavaScript conflicts to appear as more and more extensions are installed in a Joomla site. The extensions may be using different JavaScript libraries or different library versions or libraries made by different developers which can be in conflict to each other.

It is not all that difficult to rule out such conflicts and extension / template developers can be asked for help then on.


What causes JavaScript conflicts?

The different versions of Mootools library and jQuery library can make a lot of JavaScript conflicts. Event when you use the same libraries versions but those libraries made by different developers (i.e jQuery and Mootools conflict), JavaScript conflict can also occur.

JavaScript conflict in Joomla

Here is a case study:

  • Template A loads Mootools library version 1.5.0
  • Plugin B loads own Mootools library version 1.2.6
  • Module C loads jQuery library version 1.11
  • Component D loads jQuery library version 2.1.1

An other cause of JavaScript conflict is browser, some non-standard browsers handle JavaScript and the browser's JavaScript conflicts with JavaScript loaded from your site.

How to detect JavaScript conflicts?

So when your site is not working as expected, one should rule out conflicts. But how to check and find the JavaScript conflict? The ANSWER is checking the JavaScript console. There are multiple ways to do it based on browsers. For example, in Firefox and Chrome, the available tools are Firebug, Web Developer toolbar, Debugger, Error Console, etc.

If your site has JavaScript error, the tools will provide you error messages that will help you to figure out the problem and zero in on the extension / feature of website causing this problem. The error message also gets you the names of file in conflicts.

Detect JavaScript conflict in Joomla using firebug on Firfox

You can detect the problem by checking which extensions cause the problem, here are the steps:

  • Switching to default Joomla template and disable your installed extensions then reload your site and check if the JavaScript error still exist or not.
  • Publish your installed extensions one by one and reload your site. Repeat the process until you discover which parts are in conflict.
Detect JavaScript conflict by publishing extensions one by one

How to resolve JavaScript conflicts?

There is no universal step to resolve JavaScript conflict as it varies from case to case and are best resolved by the developers. But here are few things that you can try:

1. Put jQuerry into no-conflict mode

The jQuery library and all of its plugins are contained within the jQuery namespace. Global objects are stored inside the jQuery namespace, by the way so you shouldn't get a clash between jQuery and any other library such as prototype.js, MooTools.

Putting jQuery in no-conflict mode immediately after it is loaded onto the page and before you attempt to use jQuery in the page.

<!-- Another way to put jQuery into no-conflict mode. -->
<script src="/prototype.js"></script>
<script src="/jquery.js"></script>
<script>
 
jQuery.noConflict();
 
jQuery( document ).ready(function( $ ) {
    // You can use the locally-scoped $ in here as an alias to jQuery.
    $( "div" ).hide();
});
 
// The $ variable in the global scope has the prototype.js meaning.
window.onload = function(){
    var mainDiv = $( "main" );
}
 
</script>

2. Ask for help from extension provider

If you can not resolve the JavaScript conflict by yourselves, you can search for solutions on internet, ask on forums like stackoverflow.com or ask for support of the extension provider for solution.

3. My site has different issues?

JavaScript conflict is just one error type, errors can also be produced by PHP, SQL, etc. You can detect those errors using Joomla error reporting

follow JoomlArt.com

Release JLex Comment 1.5.3 and its add-ons

$
0
0
Release JLex Comment 1.5.3 and its add-ons

List bugs fixed:

  1. Thumbnail issue: Originals are displayed instead of thumbnails.
  2. Read more: In the old version, the readmore feature work incorrect with comment that contain image
  3. Some issues related to Subscribe feature
  4. Email to admin/moderator is missing subject
  5. Reduce size of emoji icons

Besides, you can also turn on/off storage client IP address (by GDPR).

New Captcha plugin

Jlex Comment image captcha plugin

The captcha system will help reduce spammer, commenting system will work better. Beside reCaptcha plugin, today we release new ImageCaptcha and can work in a stand-alone environment such as LAN, LOCAL

Search Plugin

JLex Comment search plugin

This plugin use to integrate with Joomla! search system. Through Joomla! search system, you can find comment by keywords.