Joomla Templates Club 406,261 posts

[bmensouri Friend bmensouriJoin date: November 2014Posts: 13Downloads:0Uploads:0 Thanks: 16]

#646993

Hello,

I would like to use the pop up effect currently displayed on the home page for custom html module.
Basically I would like to include a link within a custom html module and by clicking on this link, you would have a pop up displayed.

Thank you in advance
Regards
Belkacem

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#647534

You can follow steps below

+ Go to Admin site -> Global Configuration -> under Site tabs-> set Default Editor: Editor – None

+ Go to Module Manager -> create custom html module with contain


<a href="http://joomlart.com" target="popup" onclick="window.open('http://joomlart.com','JoomlArt','width=600,height=400')">Open page in new window</a>


Hope it helps

1 user says Thank You to Ninja Lead for this useful post

1. bmensouri

[bmensouri Friend bmensouriJoin date: November 2014Posts: 13Downloads:0Uploads:0 Thanks: 16]

#656406

Thank you for your help.
I know how to set a pop up. What I would like is the same pop up type than the one on the home page.

[bmensouri Friend bmensouriJoin date: November 2014Posts: 13Downloads:0Uploads:0 Thanks: 16]

#744557

Thank you for your help.
I know how to set a pop up. What I would like is the same pop up type than the one on the home page.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#656454

<em>@bmensouri 486100 wrote:</em><blockquote>Thank you for your help.
I know how to set a pop up. What I would like is the same pop up type than the one on the home page.</blockquote>

It’s pretty hard to do this and you should hire development team to make the custom. You will find it from templates/ja_fixel/js/script.js file with script


(function(){
//extend click on block
$('#fixel-grid').on('click', '.items', function(e){
//do nothing
if(e.isTrigger){
return true;
}

if(e && !$(e.target).hasClass('items')){

if($(e.target).parentsUntil('.items').addBack().filter(function(){

var events = $._data && $._data(this, 'events') || $(this).data('events');

if(events && events.click){
return true;
}

if(this.className.match(/article-link|readmore-link|video-link/)){
return false;
}

if(this.tagName.toUpperCase() == 'A' || this.tagName.toUpperCase() == 'FORM'){
return true;
}

return false;

}).length){
return true;
}
}

var items = $(this).closest('.items'),
href = null;

if(items.hasClass('category-item')){
href = items.find('.item-title a').prop('href');
} else if(!Fixel.popup) {
href = items.find('.article-link, .readmore-link, .video-link, .item-title a').eq(0).prop('href');
}

href && (window.location.href = href);

});

})();


1 user says Thank You to Ninja Lead for this useful post

1. bmensouri

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#744604

<em>@bmensouri 486100 wrote:</em><blockquote>Thank you for your help.
I know how to set a pop up. What I would like is the same pop up type than the one on the home page.</blockquote>

It’s pretty hard to do this and you should hire a developer to implement it for you. Please open file templates/ja_fixel/js/script.js and you will see the script as below :


(function(){
//extend click on block
$('#fixel-grid').on('click', '.items', function(e){
//do nothing
if(e.isTrigger){
return true;
}

if(e && !$(e.target).hasClass('items')){

if($(e.target).parentsUntil('.items').addBack().filter(function(){

var events = $._data && $._data(this, 'events') || $(this).data('events');

if(events && events.click){
return true;
}

....................................
})();


1 user says Thank You to Ninja Lead for this useful post

1. bmensouri

[Author]

Posts