Ankündigung

Einklappen
Keine Ankündigung bisher.

Wie erstelle ich eine Bilder-Slideshow in der main page

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Wie erstelle ich eine Bilder-Slideshow in der main page

    Hallo,
    ich habe zen-cart 1.5.4 über world4you.com und das viennaorange template
    in der main page möchte ich eine Bilder-slideshow.

    Ich habe es bisher versucht mit 'Frontpage Slideshow' v2.0.2
    -> Installation problemlos, Admin-Konfiguration ebenfalls problemlos, habe sie aktiviert, die slideshow wird jedoch nicht in der mainpage angezeigt.

    Auch habe ich das aktuelle 'sideslider' -Plugin versucht (für slideshow in der Sidebox), hier werden die Bilder aber nur statisch und untereinander angezeigt.

    es werden keine Fehler in die logs geschrieben.

    Bin ratlos...

    Firefox gibt folgenden code zurück:
    PHP-Code:
    <!-- begin edit for Frontpage Slideshow -->
        <
    script type="text/javascript">
            $(
    document).ready(function(){   
                        $(
    "#slider").flexslider({
                            namespace: 
    "flex-",             //{NEW} String: Prefix string attached to the class of every element generated by the plugin
                            
    selector".slides > li",       //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
                            
    animation"slide",              //String: Select your animation type, "fade" or "slide"
                            
    easing"swing",               //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
                            
    direction"horizontal",        //String: Select the sliding direction, "horizontal" or "vertical"
                            
    reversefalse,                 //{NEW} Boolean: Reverse the animation direction
                            
    animationLooptrue,             //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
                            
    smoothHeightfalse,            //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode  
                            
    startAt1,                     //Integer: The slide that the slider should start on. Array notation (0 = first slide)
                            
    slideshowtrue,                //Boolean: Animate slider automatically
                            
    slideshowSpeed4000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
                            
    animationSpeed500,            //Integer: Set the speed of animations, in milliseconds
                            
    initDelay0,                   //{NEW} Integer: Set an initialization delay, in milliseconds
                            
    randomizefalse,               //Boolean: Randomize slide order

                            // Usability features
                            
    pauseOnActiontrue,            //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
                            
    pauseOnHoverfalse,            //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
                            
    useCSStrue,                   //{NEW} Boolean: Slider will use CSS3 transitions if available
                            
    touchtrue,                    //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
                            
    videofalse,                   //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches

                            // Primary Controls
                            
    controlNav"circles",               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
                            
    directionNavtrue,             //Boolean: Create navigation for previous/next navigation? (true/false)
                            
    prevText"Previous",           //String: Set the text for the "previous" directionNav item
                            
    nextText"Next",               //String: Set the text for the "next" directionNav item

                            // Secondary Navigation
                            
    keyboardtrue,                 //Boolean: Allow slider navigating via keyboard left/right keys
                            
    multipleKeyboardfalse,        //{NEW} Boolean: Allow keyboard navigation to affect multiple sliders. Default behavior cuts out keyboard navigation with more than one slider present.
                            
    mousewheelfalse,              //{UPDATED} Boolean: Requires jquery.mousewheel.js (https://github.com/brandonaaron/jquery-mousewheel) - Allows slider navigating via mousewheel
                            
    pausePlayfalse,               //Boolean: Create pause/play dynamic element
                            
    pauseText'Pause',             //String: Set the text for the "pause" pausePlay item
                            
    playText'Play',               //String: Set the text for the "play" pausePlay item

                            // Special properties
                            
    controlsContainer"",          //{UPDATED} Selector: USE CLASS SELECTOR. Declare which container the navigation elements should be appended too. Default container is the FlexSlider element. Example use would be ".flexslider-container". Property is ignored if given element is not found.
                            
    manualControls"",             //Selector: Declare custom control navigation. Examples would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
                            
    sync"",                       //{NEW} Selector: Mirror the actions performed on this slider with another slider. Use with care.
                            
    asNavFor"",                   //{NEW} Selector: Internal property exposed for turning the slider into a thumbnail navigation for another slider

                            // Carousel Options
                            
    itemWidth0,                   //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding.
                            
    itemMargin0,                  //{NEW} Integer: Margin between carousel items.
                            
    minItems0,                    //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this.
                            
    maxItems0,                    //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit.
                            
    move0,                        //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items.
                            
    start: function(slider){
                              $(
    'body').removeClass('loading');
                            }
                         });
                                    
           });     
    </
    script>

    <
    style type="text/css">
    </
    style>

                <
    div  id="slider"  class="flexslider">
                    <
    ul  class="slides">        
                                                    <
    li data-thumb="includes/templates/viennaorange/images/slideshow/stonebird_01.jpg">
                                                                      <
    a href="">
                                                                        <
    img src="includes/templates/viennaorange/images/slideshow/stonebird_01.jpg"   alt="slide image" />
                                                                                <
    class="flex-caption"></p>    
                                                                                                          </
    a>
                                                                </
    li>
                                                    <
    li data-thumb="includes/templates/viennaorange/images/slideshow/stonebird_02.jpg">
                                                                      <
    a href="">
                                                                        <
    img src="includes/templates/viennaorange/images/slideshow/stonebird_02.jpg"   alt="slide image" />
                                                                                <
    class="flex-caption"></p>    
                                                                                                          </
    a>
                                                                </
    li>
                                                    <
    li data-thumb="includes/templates/viennaorange/images/slideshow/stonebird_03.jpg">
                                                                      <
    a href="">
                                                                        <
    img src="includes/templates/viennaorange/images/slideshow/stonebird_03.jpg"   alt="slide image" />
                                                                                <
    class="flex-caption"></p>    
                                                                                                          </
    a>
                                                                </
    li>
                                                    <
    li data-thumb="includes/templates/viennaorange/images/slideshow/stonebird_04.jpg">
                                                                      <
    a href="">
                                                                        <
    img src="includes/templates/viennaorange/images/slideshow/stonebird_04.jpg"   alt="slide image" />
                                                                                <
    class="flex-caption"></p>    
                                                                                                          </
    a>
                                                                </
    li>
                                                    <
    li data-thumb="includes/templates/viennaorange/images/slideshow/stonebird_05.jpg">
                                                                      <
    a href="">
                                                                        <
    img src="includes/templates/viennaorange/images/slideshow/stonebird_05.jpg"   alt="slide image" />
                                                                                <
    class="flex-caption"></p>    
                                                                                                          </
    a>
                                                                </
    li>
                                        </
    ul>
            </
    div>     
        
    <!-- 
    end edit for Frontpage Slideshow --> 
    Zuletzt geändert von Mueller1234; 14.03.2016, 14:17. Grund: Ergänzung

    #2
    So macht man das!

    Hallo, schau dir doch mal den Jssor Slider an! Mit ein wenig Arbeit kann man alles erforderliche aus der Datenbank auslesen und integrieren. Es stehen dir schier endlose Möglichkeiten zur Verfügung. Schau es dir an!
    Solltest du Hilfe benötigen - bitte melden.
    Ich habe es hier [Safini.de] eingebunden.

    Kommentar


      #3
      Ich kenne diese amerikanischen Module nicht, die Du installiert hast. Ich würde sie entfernen und stattdessen eine einfach zu installierende, 1.5.4 deutsch kompatible, schicke, komplett via Bannermanager steuerbare Lösung aus dem Downloadbereich verwenden:

      Kommentar


        #4
        Bilder Slide Show

        Ja Ja, manchmal muss man auch was selber machen und nicht nur mit copy und past arbeiten (ist auch amerikanisch). Ich finde den Jssor einfach sehr gut und er lässt sich auf mannigfaltige Weise einbinden. Bisserle programmieren (Daten auslesen und einbinden) sollte man schon.
        Leider komme ich auch immer zu spät - bin jedoch früher da.

        Kommentar


          #5
          Hallo,

          vielen Dank !!! Ihr wart mir echt eine grosse Hilfe !
          Es funktioniert...

          Kommentar

          Info zu diesem Forenarchiv:
          Mit Release von 1.5.7 wurde die deutsche Zen Cart Version auf eine reine DIY-Lösung umgestellt.
          Für einen Support via Forum stehen keine personellen und zeitlichen Ressourcen mehr zur Verfügung.
          Dieses Supportforum bleibt im Nur-Lesen-Modus als Wissensarchiv noch online verfügbar.
          PM Funktionalität, Registrierung und Posten neuer Beiträge sind deaktiviert.
          Zugriff auf Anhänge in den Postings ist auch ohne Registrierung/Einloggen möglich.
          FAQ und Downloadbereich des Forums wurden in die neue umfangreiche Knowledgebase auf der zen-cart-pro.at Website übernommen.

          Das Development der deutschen Zen Cart Version geht wie bisher auf Github weiter.
          Wir werden auch weiterhin neue Versionen bereitstellen und die Onlinedokumentation/Knowledgebase aktualisieren.
          Fehler in der Software können auf Github als Issues gemeldet werden.
          Follow us
          aktuelle version
          Zen Cart 1.5.7g deutsch
          vom 12.12.2023
          [Download]
          Lädt...
          X