how to make slider working only on homepage?


Author Message
vib

Posted: 12/11/2013
Quote message 

Hi,

Is there anyway i make the slider to work only on the homepage and not all of the pages?

Thanks
 
AlexR

Posted: 12/11/2013
Quote message 

Hi Vib...

I have acheived this by not using the slider... but by creating images of the right width say 960px x 250px in photoshop... and then just creating an image slideshow in a full width column box .. function is the same as slider but you can choose which pages to put it on... works well!

But I'd still like to know if you can choose which page slider appears too!

Hope this helps...

A
 
Jens-Henning

Posted: 12/13/2013
Quote message 

I've solved this for Joomla by building a theme with slider, save, and disable slide, save.
One is "XYZ_home" and one is "XYZ_sub".
Then I installed both, made "XYZ_sub" to default theme and "XYZ_home" to custom theme for "Home" in the main menu. Works great.
Check my page for testing: https://musikreaktiv.de
 
Jimmy

Posted: 12/14/2013
Quote message 

Why in gods name would you use the artisteer slider in joomla? My god man there is no reason on earth to do this.
 
Shaul Hadar

Posted: 12/16/2013
Quote message 

Hi , I think i have a good solution for this without making two themes.
If you are using the built-in artisteer slider, just configure it how you want, and than afterwards go to each page you don't want the slider to be in, and add in the page's properties, in the html code area, this code:

<style type="text/css">
.art-pageslider
{
display:none;
}
</style>


this will effectively remove the slider from this specific page. Also, you won't see this working in artisteer, but if you do a preview, it will work.

I hope it helps :)
 
Nick

Posted: 12/16/2013
Quote message 

1. I do agree with Jimmy 100%, but not just for Joomla, but for any cms, for many reasons, the most important is that with a third party plugin, I can edit and configure the slider and slides from the backsite. A must if you want to distribute your templates/themes.

2. I apply similar css technique as Shaul Hadar (I use Wordpress).

a. By css I turn off the slider, so at this point none of the pages display the slider.

b.By css I target the homepage (body.home), and turn the slider on, so now, only the homepage displays the slider.

c. To add the "icing on the cake", I added extra code to my functions.php file, so the slider can be also shown with a checkmark for any page/post. The checkmark, is in the edit page/post page.

-------------------------------------------------------------------------------

Many employ php techniques instead of css, like a separate home page template, etc... If you do that, you lose the flexibility of step "c" above, but you can always a page template to display the slider in any page. However, and i'm not 100% on this, you can't have page templates for posts, so you can't have a complete solution like my css method.

 
Simone

Posted: 4/8/2014
Quote message 

Quote Nick:


2. I apply similar css technique as Shaul Hadar (I use Wordpress).

a. By css I turn off the slider, so at this point none of the pages display the slider.

b.By css I target the homepage (body.home), and turn the slider on, so now, only the homepage displays the slider.



How you have turned off and on the slider?
What code you added to which files .css?

I use Joomla

Thanks
 
Phyo Wai Zaw

Posted: 11/4/2014
Quote message 

Quote vib:

Hi,

I want to use Slider area only in home page. How can I that?

Thanks


 
jrgweb

Posted: 11/5/2014
Quote message 

@Phyo Wai Zaw

So is this for HTML, wordpress or joomla?

Let me give and example for HTML.(cms's are different!!)
In the css options of artisteer, File/export/options/css options
insert this:

.art-pageslider
{
display:none;
}

The above will turn the slider off for all pages.
The go to the menu "Home" and right click and select properties.
Then select additional HTML
insert this:

<style type="text/css">
.art-pageslider
{
display:block !important;
}
</style>

Here is an example:
http://demos.jrgweb.net/slider_onepage/blog.html
 
Julio

Posted: 4/3/2015
Quote message 

Quote Shaul Hadar:

Hi , I think i have a good solution for this without making two themes.
If you are using the built-in artisteer slider, just configure it how you want, and than afterwards go to each page you don't want the slider to be in, and add in the page's properties, in the html code area, this code:

<style type="text/css">
.art-pageslider
{:-/
display:none;
}
</style>


this will effectively remove the slider from this specific page. Also, you won't see this working in artisteer, but if you do a preview, it will work.

I hope it helps :)


Thank you!!! It worked for me.
 
fab

Posted: 6/7/2015
Quote message 

Hi, I use drupal.
Exuse me, but why the slider is not the other content that have to be imported?
Anyway is there a way to make slider a block?
 
Bluehorizon

Posted: 6/12/2015
Quote message 

Quote Julio:

Quote Shaul Hadar:

Hi , I think i have a good solution for this without making two themes.
If you are using the built-in artisteer slider, just configure it how you want, and than afterwards go to each page you don't want the slider to be in, and add in the page's properties, in the html code area, this code:

<style type="text/css">
.art-pageslider
{:-/
display:none;
}
</style>


this will effectively remove the slider from this specific page. Also, you won't see this working in artisteer, but if you do a preview, it will work.

I hope it helps :)


Thank you!!! It worked for me.


Me too. Thanks so much!!

 
Jaime Gómez

Posted: 10/7/2015
Quote message 

Shaul Hadar response is great. But it works differently.

You just have to add the code in <div class = "art-pageslider">.

The end result should be: <div class = "art-pageslider" style = "display: none;">
 
Ganea Daniel

Posted: 3/29/2016
Quote message 

I want to know how to add a specific slider, from lets say Master Slider ... which is highly customizable and my clients can use it to and obviously to show only on specific pages.
Or alternatively if someone can point me to what code to find in order to put the slider under the menu that could help me greatly.
I am using artisteer 4.3.0.60745.
 
Izzy

Posted: 5/20/2016
Quote message 

Quote vib:

Hi,

Is there anyway i make the slider to work only on the homepage and not all of the pages?

Thanks


hi, ive opened in Dreamweaver CC and manually deleted the slider code from each page, it works perfect in both, responsive and web!

 
Izzy

Posted: 5/20/2016
Quote message 

Quote Ganea Daniel:

I want to know how to add a specific slider, from lets say Master Slider ... which is highly customizable and my clients can use it to and obviously to show only on specific pages.
Or alternatively if someone can point me to what code to find in order to put the slider under the menu that could help me greatly.
I am using artisteer 4.3.0.60745.

8-) just delete the slider manually, im using dreamweaver cc and it works perfec, delete all the slider code from each page you dont want to appear, i works perfect on mobile and web view
 
Izzy

Posted: 8/16/2016
Quote message 

heres an example with video tutorial :)

https://juanbmx10.wordpress.com/2016/08/15/how-to-fix-the-image-slider-in-artisteer-4-x-using-dreamweavervideo/

Quote Izzy:

Quote Ganea Daniel:

I want to know how to add a specific slider, from lets say Master Slider ... which is highly customizable and my clients can use it to and obviously to show only on specific pages.
Or alternatively if someone can point me to what code to find in order to put the slider under the menu that could help me greatly.
I am using artisteer 4.3.0.60745.

8-) just delete the slider manually, im using dreamweaver cc and it works perfec, delete all the slider code from each page you dont want to appear, i works perfect on mobile and web view


 
Pit

Posted: 1/23/2017
Quote message 

<?php if (is_front_page() ) : ?>

'code for Slider'

<?php endif ?>

works
 
Denzil Klaasen

Posted: 3/28/2017
Quote message 

Hi there how can i have my slider display only on the front page? i have done everything here and haven't had any success.