Quantcast
Channel: OXID Community Forum
Viewing all articles
Browse latest Browse all 6951

oxslider gegen flexislider austauschen

$
0
0
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/....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
PHP Code:

    [{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
PHP Code:

    [{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
PHP Code:

$(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",
            
slideshowtrue
            
easing"swing",
            
slideshowSpeed6000,
            
animationSpeed1200,
            
controlNavfalse,
            
directionNavtrue,
            
keyboardtrue,
      });



jquery.flexslider.js
nichts geändert. wurde so runtergeladen.


header.tpl (Nur den promoslider.tpl gegen galleryslider.tpl getauscht)
PHP Code:

[{include file="widget/galleryslider.tpl" }] 

galleryslider.tpl
PHP Code:

[{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 }] 


Viewing all articles
Browse latest Browse all 6951

Trending Articles