Hallo,
ich probiere gerade meinen ersten Shop mit oxid zu machen.
Version: 4.8.5
Jetzt habe ich ein Problem.
Vielen Dank schonmal für eure Mühe und Zeit.
Ich würde gerne den oxslider gegen den Flexislider tauschen
.
Habe mir die Anleitung (http://wiki.oxidforge.org/Tutorials/de#.5B4.5.5D_Nivo-Slider_anstatt_Default-Slider_f.C3.BCr_Banner) vom wiki angeguckt, und probiert diese auf meinen flexislider umzubauen.
Habe es aber leider nicht ganz geschaft.
Ich denke es liegt daran, das ich nicht geschaft habe die beiden js im base.tpl zu integrieren.
Wenn ich mir den Quellcode der Seite angucke ist die “flexslider.js” und die “jquery.flexslider.js” nicht da.
base.tpl
[{block name="base_js"}]
[{oxscript include='js/libs/jquery.flexslider.js'}]
[{oxscript include='js/libs/flexslider.js'}]
[{oxscript include="js/libs/jquery.min.js" priority=1}]
[{oxscript include="js/libs/cookie/jquery.cookie.js" priority=1}]
[{oxscript include="js/libs/jquery-ui.min.js" priority=1}]
[{oxscript include='js/libs/superfish/hoverIntent.js'}]
[{oxscript include='js/libs/superfish/supersubs.js'}]
[{oxscript include='js/libs/superfish/superfish.js'}]
[{/block}]
Bei der css hat es aber geklappt.
base.tpl
[{block name="base_style"}]
[{oxstyle include="css/reset.css"}]
[{oxstyle include="css/oxid.css"}]
[{oxstyle include="css/ie7.css" if="IE 7"}]
[{oxstyle include="css/ie8.css" if="IE 8"}]
[{oxstyle include="css/libs/jscrollpane.css"}]
[{oxstyle include="css/libs/flexslider.css"}]
[{/block}]
Es könnte aber auch an meiner “flexslider.js” liegen was im Tutorial die ‘js/nivoslider.js’ ist.
dort gibt es 2 mal den Befehl “initNivoSlider” disen habe ich erst so gelassen und dann gegen initflexslider ausgetauscht. Ich denke aber das ist egal. Oder?
flexslider.js
$(document).ready(function()
{
var IE = /*@cc_on!@*/false;
/* init events in content */
var thisParent = thisParent || $("body");
if(IE == false);
initEvents(thisParent);
});
/* Init basic events and effects */
function initEvents(thisParent)
{
initflexslider();
}
function initflexslider(){
$('.flexslider').flexslider({
animation: "fade",
slideshow: true,
easing: "swing",
slideshowSpeed: 6000,
animationSpeed: 1200,
controlNav: false,
directionNav: true,
keyboard: true,
});
}
jquery.flexslider.js
nichts geändert. wurde so runtergeladen.
header.tpl (Nur den promoslider.tpl gegen galleryslider.tpl getauscht)
[{include file="widget/galleryslider.tpl" }]
galleryslider.tpl
[{assign var=oBanners value=$oView->getBanners() }]
[{assign var="currency" value=$oView->getActCurrency()}]
[{if $oBanners}]
<div class="flexslider">
<ul class="slides">
[{foreach from=$oBanners item=oBanner }]
[{assign var=oArticle value=$oBanner->getBannerArticle() }]
[{assign var=sBannerLink value=$oBanner->getBannerLink() }]
<li>
[{if $sBannerLink }]
<a href="[{ $sBannerLink }]">
[{/if}]
[{*if $oArticle }]
<span class="promoBox">
<strong class="promoPrice">[{ $oArticle->getFPrice() }] [{ $currency->sign}]</strong>
<strong class="promoTitle">[{ $oArticle->oxarticles__oxtitle->value }]</strong>
</span>
[{/if *}]
[{assign var=sBannerPictureUrl value=$oBanner->getBannerPictureUrl() }]
[{if $sBannerPictureUrl }]
<img src="[{ $sBannerPictureUrl }]" height="360" width="600" alt="[{ $oArticle->oxarticles__oxtitle->value }]">
[{/if }]
[{if $sBannerLink }]
</a>
[{/if}]
</li>
[{/foreach }]
</ul>
</div>
[{/if }]