Slider in template veranderen

22 feb 2012 15:39 - 22 feb 2012 15:45

Hey allemaal,

Ik ben vrij nieuw in het Joomla gebeuren, en ik stuit nu op een probleem.

Ik heb een template gedownload die ik wil gaan gebruiken. In de template zit ook een slider; dat is goed want dat wil ik. Maar ik zou wel graag een andere slider er in plaatsen.

Ik heb reeds de CSS van de slider die ik wil op de juiste plaats in mijn mapjes gezet, dat gedeelte snap ik, denk ik.

Maar nu zal ik waarschijnlijk mijn html moeten gaan aanpassen in mijn hoofdpagina, en daar loopt het spaak denk ik.

Dat is de code van de pagina waar de slider inzit dat ik wil gaan gebruiken .....

Code:

<?php /** * @copyright Copyright (C) 2011 JoomlaThemes.co - All Rights Reserved. **/
defined( '_JEXEC' ) or die( 'Restricted access' );
define( 'YOURBASEPATH', dirname(__FILE__) );
?>
<?php // no direct access 
defined( '_JEXEC' ) or die( 'Restricted access' ); 
$slogan = $this->params->get("slogan");
$slogandisable = $this->params->get("slogandisable");
$addthis = $this->params->get("addthis");
$footertext = $this->params->get("footertext");
$footerdisable = $this->params->get("footerdisable");
$googleanalytics = $this->params->get("googleanalytics");
$analyticsdisable = $this->params->get("analyticsdisable");
$socialbuttons = $this->params->get("socialbuttons");
$slidedisable = $this->params->get("slidedisable");
$slidedesc1 = $this->params->get("slidedesc1");
$url1 = $this->params->get("url1");
$slidedesc2 = $this->params->get("slidedesc2");
$url2 = $this->params->get("url2");
$slidedesc3 = $this->params->get("slidedesc3");
$url3 = $this->params->get("url3");
$slidedesc4 = $this->params->get("slidedesc4");
$url4 = $this->params->get("url4");
JHTML::_('behavior.framework', true); 
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<link href='http://fonts.googleapis.com/css?family=Terminal+Dosis:600' rel='stylesheet' type='text/css'>
<jdoc:include type="head" />
<?php require(YOURBASEPATH . DS . "functions.php"); ?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/styles.css" type="text/css" />
<?php if ($this->params->get( 'analyticsdisable' )) : ?>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '<?php echo ($googleanalytics); ?>']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<?php endif; ?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/NivooSlider.css" type="text/css" />
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/NivooSlider.js"></script>
<script type="text/javascript">
window.addEvent('domready', function () {
// initialize Nivoo-Slider
new NivooSlider($('Slider'), {
effect: 'random',
interval: 5000,
orientation: 'random'
});
}); 
</script>
</head>
<body class="background">
<div id="main">
<div id="header-w">
<div id="header">
<div class="topmenu">
<!-- MODIFY social buttons here (add yours from addthis.com) -->
<?php if ($this->params->get( 'socialbuttons' )) : ?> 
<div id="bookmark"><div id="addthis">
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
</div>
<script type="text/javascript" src="<?php echo ($addthis); ?>"></script>
</div></div>
<?php endif; ?>
<!-- END of social script -->
</div>
<?php if ($this->countModules('logo')) : ?>
<div class="logo">
<jdoc:include type="modules" name="logo" style="none" />
</div>
<?php else : ?> 
<a href="<?php echo $this->baseurl ?>/">
<img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/images/logo.png" border="0" class="logo">
</a>
<?php endif; ?>
<div class="slogan"><?php if ($this->params->get( 'slogandisable' )) : ?><?php echo ($slogan); ?><?php endif; ?></div>
<?php if ($this->countModules('top')) : ?> 
<div class="top">
<jdoc:include type="modules" name="top" style="none"/>
</div>
<?php endif; ?> 
</div> 
</div>
<div id="wrapper">
<div id="navr">
<div class="tguser"><jdoc:include type="modules" name="position-0" style="none" /></div>
<div id="navl">
<div id="nav">
<div id="nav-left">
<jdoc:include type="modules" name="menuload" style="none" /></div>
<div id="nav-right">
<?php include "html/com_content/archive/component.php"; ?>
<?php if ($this->countModules('breadcrumb')) : ?>
<jdoc:include type="modules" name="breadcrumb" style="none"/>
<?php endif; ?>
<div class="clearpad"></div>
<div id="message">
<jdoc:include type="message" />
</div> 
<?php if($this->countModules('left')) : ?>
<div id="leftbar-w">
<div id="sidebar">
<jdoc:include type="modules" name="left" style="jaw" /></div>
</div>
<?php endif; ?>
<?php if($this->countModules('left') xor $this->countModules('right')) $maincol_sufix = '_md';
elseif(!$this->countModules('left') and !$this->countModules('right'))$maincol_sufix = '_bg';
else $maincol_sufix = ''; ?> 
<div id="centercontent<?php echo $maincol_sufix; ?>">
<!-- Slideshow -->
<?php $menu = JSite::getMenu(); ?>
<?php $lang = JFactory::getLanguage(); ?>
<?php if ($menu->getActive() == $menu->getDefault($lang->getTag())) { ?>
<?php if ($this->params->get( 'slidedisable' )) : ?> 
<div id="Slider" class="nivoo-slider">
<a href="<?php if ($this->params->get( 'url1' )) : ?><?php echo ($url1); ?><?php endif; ?>">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/1.jpg" title="<?php if ($this->params->get( 'slidedesc1' )) : ?><?php echo ($slidedesc1); ?><?php endif; ?>" height="250" width="500" /></a>
<a href="<?php if ($this->params->get( 'url2' )) : ?><?php echo ($url2); ?><?php endif; ?>">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/2.jpg" title="<?php if ($this->params->get( 'slidedesc2' )) : ?><?php echo ($slidedesc2); ?><?php endif; ?>" height="250" width="500" /></a>
<a href="<?php if ($this->params->get( 'url3' )) : ?><?php echo ($url3); ?><?php endif; ?>">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/3.jpg" title="<?php if ($this->params->get( 'slidedesc3' )) : ?><?php echo ($slidedesc3); ?><?php endif; ?>" height="250" width="500" /></a>
<a href="<?php if ($this->params->get( 'url4' )) : ?><?php echo ($url4); ?><?php endif; ?>">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/4.jpg" title="<?php if ($this->params->get( 'slidedesc4' )) : ?><?php echo ($slidedesc4); ?><?php endif; ?>" height="250" width="500" /></a>
</div>
<?php endif; ?>
<?php } ?> 
<!-- END Slideshow -->
<div class="clearpad"><jdoc:include type="component" /> </div></div> 
<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<div id="rightbar-w">
<div id="sidebar">
<jdoc:include type="modules" name="right" style="jaw" />
</div>
</div>
<?php endif; ?>
<div class="clr"></div>
</div> 
</div> 
</div>
</div>
<div id="user-bottom">
<div class="user1"><jdoc:include type="modules" name="user1" style="xhtml" /></div>
<div class="user2"><jdoc:include type="modules" name="user2" style="xhtml" /></div>
<div class="user3"><jdoc:include type="modules" name="user3" style="xhtml" /></div>
</div>
<?php if ($this->countModules('user7 or user8 or user9 or user10')) : ?>
<div id="footer">
<div class="footer-pad">
<div class="top1"><div class="top2"><div class="top3"></div></div></div>
<div class="bot1"><div class="bot2"><div class="bot3"></div></div></div> 
</div> 
</div> 
<?php endif; ?>
<div id="bottom">
<div class="tg">
<jdoc:include type="modules" name="copyright"/>2011. <?php if ($this->params->get( 'footerdisable' )) : ?><?php echo ($footertext); ?><?php endif; ?></div></div>
<!-- Link protected by copyright law. DO NOT REMOVE! --><div class="uls">By <a href="http://www.freshjoomlatemplates.com/" title="joomla 1.7 templates" target="_blank">Joomla 1.7 Templates</a></div>
</div>
</body>
</html>

Dit is de code van de pagina waar de slider uit vorige code zou inmoeten...

Code:

<?php /** * @copyright Copyright (C) 2011 JoomlaThemes.co - All Rights Reserved. **/
defined( '_JEXEC' ) or die( 'Restricted access' );
define( 'YOURBASEPATH', dirname(__FILE__) );
?>
<?php // no direct access 
defined( '_JEXEC' ) or die( 'Restricted access' ); 
$slogan = $this->params->get("slogan");
$slogandisable = $this->params->get("slogandisable");
$addthis = $this->params->get("addthis");
$footertext = $this->params->get("footertext");
$footerdisable = $this->params->get("footerdisable");
$googleanalytics = $this->params->get("googleanalytics");
$analyticsdisable = $this->params->get("alayticsdisable");
$socialbuttons = $this->params->get("socialbuttons");
$slidedisable = $this->params->get("slidedisable");
$slidedesc1 = $this->params->get("slidedesc1");
$slidedesc2 = $this->params->get("slidedesc2");
$slidedesc3 = $this->params->get("slidedesc3");
$slidedesc4 = $this->params->get("slidedesc4");
JHTML::_('behavior.framework', true); 
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<jdoc:include type="head" />
<?php require(YOURBASEPATH . DS . "functions.php"); ?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/styles.css" type="text/css" />
<?php if ($this->params->get( 'analyticsdisable' )) : ?>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '<?php echo ($googleanalytics); ?>']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<?php endif; ?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/slider.css" type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/lib...n.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/jquery.aw-showcase.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/settings.js"></script>
</head>
<body class="background">
<div id="main">
<div id="header-w">
<div id="header">
<div class="topmenu">
<jdoc:include type="modules" name="position-1" style="none" />
</div>
<?php if ($this->countModules('logo')) : ?>
<div class="logo">
<jdoc:include type="modules" name="logo" style="none" />
</div>
<?php else : ?> 
<a href="<?php echo $this->baseurl ?>/">
<img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/images/logo.png" border="0" class="logo">
</a>
<?php endif; ?>
<div class="slogan"><?php if ($this->params->get( 'slogandisable' )) : ?><?php echo ($slogan); ?><?php endif; ?></div>
<?php if ($this->countModules('top')) : ?> 
<div class="top">
<jdoc:include type="modules" name="top" style="none"/>
</div>
<?php endif; ?> 
</div> 
</div>
<div id="wrapper">
<div id="navr">
<div class="tguser"><jdoc:include type="modules" name="position-0" style="none" /></div>
<div id="navl">
<div id="nav">
<div id="nav-left">
<jdoc:include type="modules" name="menuload" style="none" /></div><div id="nav-right"></div></div></div></div> 
<div id="main-content">
<?php if ($this->countModules('breadcrumb')) : ?>
<jdoc:include type="modules" name="breadcrumb" style="none"/>
<?php endif; ?>
<div class="clearpad"></div>
<div id="message">
<jdoc:include type="message" />
</div> 
<?php if($this->countModules('left')) : ?>
<div id="leftbar-w">
<div id="sidebar">
<jdoc:include type="modules" name="left" style="jaw" /></div>
<!-- MODIFY social buttons here (add yours from addthis.com) -->
<?php if ($this->params->get( 'socialbuttons' )) : ?> 
<div id="bookmark"><div id="addthis">
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
</div>
<script type="text/javascript" src="<?php echo ($addthis); ?>"></script>
</div></div>
<?php endif; ?>
<!-- END of social script -->
</div>
<?php endif; ?>
<?php if($this->countModules('left') xor $this->countModules('right')) $maincol_sufix = '_md';
elseif(!$this->countModules('left') and !$this->countModules('right'))$maincol_sufix = '_bg';
else $maincol_sufix = ''; ?> 
<div id="centercontent<?php echo $maincol_sufix; ?>">
<!-- Slideshow --> 
<?php if ($this->params->get( 'slidedisable' )) : ?> 
<div id="showcase" class="showcase">
<div class="showcase-slide">
<div class="showcase-content">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/1.jpg" alt="01" />
</div>
<div class="showcase-thumbnail">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/1.jpg" alt="01" width="100px" />
</div>
<div class="showcase-caption">
<?php if ($this->params->get( 'slidedesc1' )) : ?><?php echo ($slidedesc1); ?><?php endif; ?>
</div>
</div>
<div class="showcase-slide">
<div class="showcase-content">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/2.jpg" alt="02" />
</div>
<div class="showcase-thumbnail">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/2.jpg" alt="02" width="100px" />
</div>
<div class="showcase-caption">
<?php if ($this->params->get( 'slidedesc2' )) : ?><?php echo ($slidedesc2); ?><?php endif; ?>
</div>
</div>
<div class="showcase-slide">
<div class="showcase-content">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/3.jpg" alt="03" />
</div>
<div class="showcase-thumbnail">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/3.jpg" alt="03" width="100px" />
</div>
<div class="showcase-caption">
<?php if ($this->params->get( 'slidedesc3' )) : ?><?php echo ($slidedesc3); ?><?php endif; ?>
</div> 
</div>
<div class="showcase-slide">
<div class="showcase-content">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/4.jpg" alt="04" />
</div>
<div class="showcase-thumbnail">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/4.jpg" alt="04" width="100px" />
</div>
<div class="showcase-caption">
<?php if ($this->params->get( 'slidedesc4' )) : ?><?php echo ($slidedesc4); ?><?php endif; ?>
</div>
</div>
 
</div>
<?php endif; ?>
<!-- END Slideshow -->
<?php include "html/com_content/archive/component.php"; ?> 
<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<div id="rightbar-w">
<div id="sidebar">
<jdoc:include type="modules" name="right" style="jaw" />
</div>
</div>
<?php endif; ?>
<div class="clr"></div>
</div> 
</div> 
</div>
</div>
<div id="user-bottom">
<div class="user1"><jdoc:include type="modules" name="user1" style="xhtml" /></div>
<div class="user2"><jdoc:include type="modules" name="user2" style="xhtml" /></div>
</div>
<?php if ($this->countModules('user7 or user8 or user9 or user10')) : ?>
<div id="footer">
<div class="footer-pad">
<div class="top1"><div class="top2"><div class="top3"></div></div></div>
<div class="bot1"><div class="bot2"><div class="bot3"></div></div></div> 
</div> 
</div> 
<?php endif; ?>
<div id="bottom">
<div class="tg">
<jdoc:include type="modules" name="copyright"/>Copyright 2011 <?php $mydoc =& JFactory::getDocument(); $mytitle = $mydoc->getTitle(); ?><?php echo $mytitle; ?>. <?php if ($this->params->get( 'footerdisable' )) : ?><?php echo ($footertext); ?><?php endif; ?></div></div>
<div class="design"><a href="http://www.themegoat.com" title="joomla themes free" target="_blank">Joomla templates 1.7 free</a> by <a href="http://www.mdahosting.com/hostgator-coupon/" title="best web hosting" target="_blank">Hostgator</a></div>
</div>

Kan iemand me aub helpen ???? ALvast bedankt

Edit Jelle. Ik heb de code tussen codetags geplaatst.

Kimme
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 4

Slider in template veranderen

22 feb 2012 23:50

Hallo Kimme,
Namens het Joomla!NL team heet ik je van harte welkom op dit forum.
Zo op het oog een redelijk identieke constructie. Kan je zo niet helpen, maar denk dat als je beide bestanden uitprint en naast elkaar legt dat je heel snel de overeenkomsten en de verschillen ziet en zo de wijzigingen door kunt voeren.

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.