SLIDE ONLY IN SOME PAGES


Author Message
Cristiano

Posted: 9/7/2015
Quote message 

Hi guys,


I work with Artisteer 4.3 and In the home page, I use a slideshow, but I would like to don't use it in the other pages,

Do you have idea how to make it ?


Thank you for suggestions


Cristiano
 
James G

Posted: 9/7/2015
Quote message 

Are you using a CMS or static page?
Url is helpful.
 
SLide in some pages

Posted: 9/7/2015
Quote message 

Quote James G:

Are you using a CMS or static page?
Url is helpful.


Hi I immlement a CMS made by Codecharge Studio asp / asp.net
 
James G

Posted: 9/7/2015
Quote message 

First step is to turn the slider off with custom css. Add this to the css file or in artisteer
export>>options>>css options. The #fp code is in step two.

.art-pageslider {
display:none;
}
#fp .art-pageslider {
display:block!important;
}

The next step is to give the body an id. You can do this a number of ways but for this example we will use jquery to insert the page id. The best place to insert this is in artisteer >> go to the menu item that you want the slider to show on. mouse over the item name and right click. Select properties. Go to additional HTML and paste this code.

<script type="text/javascript">
$(function accept(){
$('body').attr('id', 'fp')
})</script>

You can name this anything you wish. I've named it fp for front page.
If you need an example, let me know.
 
SLIDE ONLY IN SOME PAGES

Posted: 9/7/2015
Quote message 

Quote James G:

First step is to turn the slider off with custom css. Add this to the css file or in artisteer
export>>options>>css options. The #fp code is in step two.

.art-pageslider {
display:none;
}
#fp .art-pageslider {
display:block!important;
}

The next step is to give the body an id. You can do this a number of ways but for this example we will use jquery to insert the page id. The best place to insert this is in artisteer >> go to the menu item that you want the slider to show on. mouse over the item name and right click. Select properties. Go to additional HTML and paste this code.

<script type="text/javascript">
$(function accept(){
$('body').attr('id', 'fp')
})</script>

You can name this anything you wish. I've named it fp for front page.
If you need an example, let me know.


Hi James , thanks , yes I need a example, please , because I'm lost, I tested your suggestions but maybe I forgot something



 
James G

Posted: 9/8/2015
Quote message 

You can download an example here:
https://drive.google.com/file/d/0B-n77YpTPCd2cm55MzBTMWFTZ1E/view?usp=sharing

The artx is included in the zip. Artisteer 4.3.0.60818

Under Home >> subpage1 are images that show how and where to use.
This is HTML version. You should be able to export in codecharge.
 
Cristiano

Posted: 9/8/2015
Quote message 

Thank you James
 
nerdoboy

Posted: 9/9/2015
Quote message 

Huge thanks to you James! I always wanted to use Artisteer more but without an option to turn off the slider it was a hard to find the right the projects for it. Your lil' tutorial was perfect. Quick and easy and works like a charm. Many thanks again!
nerdoboy

 
NUS

Posted: 11/18/2015
Quote message 

I work with Artisteer 4.3 and In the home page,I use a slideshow, but I would like to don't use it in the other pages,
I did James G steps,but in preview browser it's working,online side not working
this is online side http://demo.bestdesignclub.com

Do you have idea how to make it ?

Thank you for suggestions
Nus
 
James G

Posted: 11/19/2015
Quote message 

@NUS

Each CMS will require additional steps.
The key to make this work is a page class or id.

For example: Wordpress has built in classes on the body whereas joomla does not.
So in joomla I add the page class suffix to get my body class.

The example code is for static website and is why it loads in preview mode.
 
Nus

Posted: 11/19/2015
Quote message 

I'm using it for joomla,i will test every time in preview mode b4 go online,on that time it's working properly,but in online slideshow not coming to home page.
you sad in joomla you add the page class suffix to get your body class.I can't understand it,Can you explain it?

Thank you for suggestions
Nus
 
James G

Posted: 11/19/2015
Quote message 

I assume you know how to edit the files.
index.php

add this right above the doctype

<?php
$itemid = JRequest::getVar('Itemid');
$menu = &JSite::getMenu();
$active = $menu->getItem($itemid);
$params = $menu->getParams( $active->id );
$pageclass = $params->get( 'pageclass_sfx' );
?>

Then add this to the body tag

<body class="<?php echo $pageclass ? $pageclass : 'default'; ?>" >

change the #fp in the css to .fp

Then under the menu item(Home), go to page display tab
at page class enter fp

here is an example:
http://j43.houslerwebdesign.com/

If you look at the code with firebug, you'll see the body has a class of fp and the other menu items have a class of default.
 
Nus

Posted: 11/19/2015
Quote message 

Hi James G Huge thanks to you that supported me,You are a big developer,after long day i got the solutions, Many thanks again! keep it up!!!

Nus
 
chris

Posted: 12/16/2016
Quote message 

Hi James G,
Can you help me with this solution for Wordpress?
thank you a lot :-)