how to make slider working only on homepage? |
|
vib
|
Hi,
Is there anyway i make the slider to work only on the homepage and not all of the pages?
Thanks
|
|
AlexR
|
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
|
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
|
|
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 :)
|
|
Nick
|
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
|
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
|
Quote vib:
Hi,
I want to use Slider area only in home page. How can I that?
Thanks
|
|
jrgweb
|
@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
|
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
|
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
|
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!!
|
|
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.
|
|
Izzy
|
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
|
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.
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
|
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.
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
|
<?php if (is_front_page() ) : ?>
'code for Slider'
<?php endif ?>
works
|
|
Randy Meyer
|
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 :)
That worked great and is a really simple solution.
|
|
Aleks Shamles
|
In addition, online gambling has many other advantages for players. For example, an online casino slots-online-canada.ca/free-slots/classic-slots/ not only offer free slot machines, but also help to form communities where people can establish friendships and help themselves through these communities.
|
|
|
|