Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: ANLEITUNG: Bestseller, TOP, NEW Product-Slider-Box

    qqq65

    • Neu im Forum
    • Beiträge: 17
    Re: ANLEITUNG: Bestseller, TOP, NEW Product-Slider-Box
    Antwort #15 am: 15. Januar 2012, 02:43:18
    Hallo,

    ich habe die Slidebox erfolgreich eingefügt. Alles schön und gut, aber wenn ich auf die Bilder drücke, dann werde ich nicht auf die Produkte verlinkt. Jetzt habe ich mal in der "general.js.php" Datei ein bisschen rum gespielt. Wenn ich den Code

    Code: PHP  [Auswählen]
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.js" type="text/javascript"></script>

    rausnehme, dann klappt das mit der Verlinkung, aber die Slidefunktion ist dann WEG...

    Hat jemand vielleicht eine Idee?

    Hier mal ein Auszug aus meiner "general.js.php" Datei.

    Mfg
    qqq65

    Code: PHP  [Auswählen]
    <?php
    /* -----------------------------------------------------------------------------------------
       $Id: general.js.php 1262 2005-09-30 10:00:32Z mz $

       XT-Commerce - community made shopping
       http://www.(( Wir dulden keine kommerziellen Werbelinks - Bitte Forenregeln beachten! ))

       Copyright (c) 2003 XT-Commerce
       -----------------------------------------------------------------------------------------
       Released under the GNU General Public License
       ---------------------------------------------------------------------------------------*/



       // this javascriptfile get includes at the BOTTOM of every template page in shop
       // you can add your template specific js scripts here
    ?>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.js" type="text/javascript"></script>


            <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.cycle.all.js" type="text/javascript"></script>
            <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.easing.1.3.js" type="text/javascript"></script>
            <script type="text/javascript">
            $(function() {
              $('#bestseller').cycle({
                fx:     'turnDown',
                delay:  -6000
              });  
            });
            </script>
           
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/thickbox.js" type="text/javascript"></script>

        <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.nivo.slider.pack.js" type="text/javascript"></script>
        <script type="text/javascript">
        $(window).load(function() {
          $('#box-slider').nivoSlider({directionNav:false,controlNav:false,keyboardNav: false});
        });
        </script>


    <?php// BOF - web28 - 2010-07-09 - TABS/ACCORDION in product_info ?>
    <?php
    if (strstr($PHP_SELF, FILENAME_PRODUCT_INFO )) {
    ?>
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery-ui.js" type="text/javascript"></script>
    <script type="text/javascript">
    /* <![CDATA[ */
            //Laden einer CSS Datei mit jquery     
        $.get("<?php echo 'templates/'.CURRENT_TEMPLATE; ?>"+"/css/javascript.css", function(css) {
                    $("head").append("<style type='text/css'>"+css+"<\/style>");
            });
           
            $(function() {
                    $("#tabbed_product_info").tabs();
                    $("#accordion_product_info").accordion({ autoHeight: false });
            });
    /*]]>*/
    </script>
    <?php
    }
    ?>
    <?php// EOF - web28 - 2010-07-09 - TABS/ACCORDION in product_info ?>
    Trade Republic - Provisionsfrei Aktien handeln

    jannemann

    • modified Team
    • Beiträge: 6.289
    • Geschlecht:
    Re: ANLEITUNG: Bestseller, TOP, NEW Product-Slider-Box
    Antwort #16 am: 15. Januar 2012, 08:05:52
    Hallo qqq65,

    wenn ich mir deine anderen Beiträge und Baustellen hier im Forum so anschaue, dann solltest du vielleicht erst mal die noch offenen Probleme und Fehler lösen, bevor du weitere Module einbaust.

    Zu deinem Problem: Da wirst du irgendwo etwas falsch eingebaut haben. Ich habe diese Erweiterung selber schon eingebaut und es läuft ohne Probleme.

    Schöne Grüße,
    Jan

    werresal

    • Neu im Forum
    • Beiträge: 47
    Re: ANLEITUNG: Bestseller, TOP, NEW Product-Slider-Box
    Antwort #17 am: 18. Januar 2012, 10:04:49
    Soeben eingebaut, 4 mal überprüft.

    Links funktionieren definitiv NICHT !

    Die Links werden zwar generiert, aber sind nicht ausführbar.
    Ich vermute ein Problem mit jQuery irgendwas.

    Zudem. Bei Konfiguration auf neue Produkte ($box_mode = 'new';) bleibt dennoch Bestsellers als Überschrift stehen und "code=php" (siehe Anleitung) gehört auch nicht in die boxes.php.

    Bitte fixen !

    werresal

    • Neu im Forum
    • Beiträge: 47
    Re: ANLEITUNG: Bestseller, TOP, NEW Product-Slider-Box
    Antwort #18 am: 18. Januar 2012, 10:14:53
    Hab jetzt mal die Produktbilder Thumbnails und Info auf 150x150 Pixel gesetzt. In der "stylesheet.css" die Bildgröße auch auf 150px in der "box_slider" auch auf 150px nun sollten alle Größen Angaben entsprechend angepasst sein aber irgendwie will das nicht funktionieren.

    Im Anhang ist ein JPG. Auf dem linken Bild wird gerade die Box geladen und der Link ist verfügbar und auf dem rechten Bild ist die Box fertig geladen und es lässt sich nicht mehr klicken:

    (Dateianhang Link)

    Hat bitte jemand mal eine Idee an was dieses Problem noch liegen könnte? So langsam geht mir echt die Kreativität flöten.  :nixweiss:

    Genau, sobald das Teil fertig geladen ist, verschwinden die Links. Im Moment des Ladens sind sie aktiv.

    Tomcraft

    • modified Team
    • Gravatar
    • Beiträge: 46.161
    • Geschlecht:
    Re: ANLEITUNG: Bestseller, TOP, NEW Product-Slider-Box
    Antwort #19 am: 18. Januar 2012, 13:16:37
    [...]
    Zudem. Bei Konfiguration auf neue Produkte ($box_mode = 'new';) bleibt dennoch Bestsellers als Überschrift stehen [...]

    Vielleicht schaut sich h-h-h das Modul ja nochmal an. :-)

    Grüße

    orsten

    werresal

    • Neu im Forum
    • Beiträge: 47
    Re: ANLEITUNG: Bestseller, TOP, NEW Product-Slider-Box
    Antwort #20 am: 19. Januar 2012, 09:03:44
    ***BUGFIX***

    Problem 1: die Links der Bilder sind zu klein und damit nicht klickbar (->size 200px)
    Problem 2: das Layer der links liegt zu tief. (->z-index:99)


    Leider aktuell keine Zeit ein Tutorial zu schreiben, kommt vielleicht im Laufe der nächsten Tage.
    Hier schonmal die box_slider.html (+Preis Anzeige) und die CSS Tags:

    Code: PHP  [Auswählen]
    {config_load file="$language/lang_$language.conf" section="boxes"}
    <div class="box_sh newest_slider">
    <h2 class="boxheader">{#heading_whatsnew#}</h2>
    <div class="boxbody_slider">
      <div id="box-slider">
      {foreach name=aussen item=box_data from=$box_content}
        <a href="{$box_data.PRODUCTS_LINK}"><img src="{$box_data.PRODUCTS_IMAGE|replace:'thumbnail':'info'}" width="200" height="200" alt="" title="{$box_data.PRODUCTS_NAME|truncate:35:"..":true}&lt;br/&gt;&lt;b&gt;{$box_data.PRODUCTS_PRICE}&lt;b/&gt;" style="display:none;"/></a>

      {/foreach}
      </div>
    </div>
    </div>

    Code: CSS  [Auswählen]
        /* SLIDER-BOX */
        #box-slider { position:relative; left: 0; display:block;overflow:hidden;max-height:200px;}
        #box-slider a.nivo-imageLink { position:absolute; top:0px; left:0px; border:0; padding:0; margin:0; z-index:99; display:none; width:200px; height:200px; }
        #box-slider img { position:relative; top:0px; left:0px;}
            .newest_slider { height:230px; margin-bottom:15px; background-image:url(http://...); }
        .nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
        .nivo-box {display:block;position:absolute;z-index:5;}
        .nivo-caption {position:absolute;left:0px;bottom:0px;background:#ccc;color:#000 !important;width:100%;z-index:8;}
        .nivo-caption p {padding:5px;margin:0;font-size:11px;line-height:14px;}
        .nivo-caption a {display:inline !important;}
        .nivo-html-caption {display:none;}
        .blender p {padding:5px;margin:0;}
        .nivo-html-caption {display:none;}
           
    .blender {
    top:0px;
    background-color:#000;
    color:#fff;
    opacity:0.6;
    width: 200px;
    z-index:99;
    text-decoration: none;
    min-height:20px;


    }
    .blender a {

    text-decoration: none;
    display:inline !important;

    }
    #cloud-zoom-wrap {
      box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
      border: 1px solid #FFFFFF;

    }

    Ja, ist etwas gefrickelt, aber funktioniert problemlos. Manche Sachen dienen rein dem Designzweck, wie Box-Shadows etc. Aus diesem Grund nicht alles übernehmen. Wichtig sind die oben genannten 2 Probleme, ansonsten funktioniert es problemlos. Bild, Text und TextBG sind klickbar und leiten direkt auf Produkt.

    Ich hoffe das hilft dem einen oder anderen.

    Grüße

    Tomcraft

    • modified Team
    • Gravatar
    • Beiträge: 46.161
    • Geschlecht:
    Re: ANLEITUNG: Bestseller, TOP, NEW Product-Slider-Box
    Antwort #21 am: 19. Januar 2012, 14:58:16
    Danke dir. Ich hoffe ja immer noch, dass einer von euch das mal alles zusammenfasst und als komplettes Modul erneut hier einstellt. :thx:

    Grüße

    Torsten

    werresal

    • Neu im Forum
    • Beiträge: 47
    Re: ANLEITUNG: Bestseller, TOP, NEW Product-Slider-Box
    Antwort #22 am: 20. Januar 2012, 10:56:11
    Nachdem ich gestern eine dreiviertel Stunde eine Anleitung geschrieben hatte und dieses Forum nach dem absenden mir erklärte dass es keine .rar files anhängen kann und somit die komplette Anleitung weg war, werde ich es im Laufe des Tages nochmals versuchen. *grrrrrr*

    Tomcraft

    • modified Team
    • Gravatar
    • Beiträge: 46.161
    • Geschlecht:
    Re: ANLEITUNG: Bestseller, TOP, NEW Product-Slider-Box
    Antwort #23 am: 20. Januar 2012, 11:12:40
    Ach nicht doch... du hättest nur den "Zurück"-Button im Browser benutzen müssen und hättest den kompletten Text wieder gehabt! :!:

    Bei der Download-Option steht doch aber auch dabei, welche Dateien zugelassen sind. ich weiss nicht, wieso ihr das jedes Mal überseht? :-?

    Grüße

    Torsten

    werresal

    • Neu im Forum
    • Beiträge: 47
    Re: ANLEITUNG: Bestseller, TOP, NEW Product-Slider-Box
    Antwort #24 am: 20. Januar 2012, 11:21:28
    Browser zurück wäre zu schön, geht aber nicht.
    Um Deine andere Frage zu beantworten, es ist echt schon anstrengend genug aus dem Kopf eine Anleitung zu schreiben die für andere verständlich ist und dabei alles mögliche zu beachten. Von daher fiel mit nicht auf dass keine .rar files erlaubt sind, warum auch immer...

    [EDIT Tomcraft 20.01.2012: Full-Quote entfernt, siehe: FAQ: Full-Quotes und Groß-/Kleinschreibung - mit anderen Worten Netiquette!]

    werresal

    • Neu im Forum
    • Beiträge: 47
    Re: ANLEITUNG: Bestseller, TOP, NEW Product-Slider-Box
    Antwort #25 am: 20. Januar 2012, 11:22:04
    Installationsanleitung für NIVO Slider für modified eCommerce Shopsoftware, basierend auf der Anleitung von h-h-h und Codeschnipsel.

    Alle Dateien im Archiv entsprechend der Verzeichnisstruktur hochladen.

    ####Anleitung start

    SUCHE in "/templates/DEIN TEMPLATE/source/boxes.php" nach:

    Code: PHP  [Auswählen]
    include(DIR_WS_BOXES . 'manufacturers.php');

    FÜGE DANACH ein:

    Code: PHP  [Auswählen]
    include(DIR_WS_BOXES . 'slider.php');

    ---

    SUCHE in "/templates/DEIN TEMPLATE/javascript/general.js.php" nach:

    Code: PHP  [Auswählen]
    <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/thickbox.js" type="text/javascript"></script>

    FÜGE DANACH ein:

    Code: PHP  [Auswählen]
    /* SLIDER-BOX */
            <script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.nivo.slider.js" type="text/javascript"></script>
            <script type="text/javascript">
            $(window).load(function() {
            $('#box-slider').nivoSlider({
                    directionNav:false,
                    controlNav:false,
                    randomStart:true,
                    keyboardNav:false,
                    effect:'sliceUp',
                    pauseTime:5000,
                    pauseOnHover: true
              });
        });
        </script>
    /* SLIDER-BOX ENDE*/

    ---

    FÜGE an gewünschter Stelle in "/templates/DEIN TEMPLATE/index.html" ein:

    Code: PHP  [Auswählen]
    {$box_SLIDER}

    ---

    FÜGE am Ende der Datei in "/templates/DEIN TEMPLATE/stylesheet.css" ein:

    Code: PHP  [Auswählen]
    /* SLIDER-BOX */
            #box-slider { position:relative; left: 0; display:block;overflow:hidden;max-height:200px;}
            #box-slider a.nivo-imageLink { position:absolute; top:0px; left:0px; border:0; padding:0; margin:0; z-index:99; display:none; width:200px; height:200px; }
            #box-slider img { position:relative; top:0px; left:0px;}
            .newest_slider { height:230px; margin-bottom:15px; background-image:url(HIER DEIN LADEBILD EINFÜGEN); }
            .nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
            .nivo-box {display:block;position:absolute;z-index:5;}
            .nivo-caption {position:absolute;left:0px;bottom:0px;background:#ccc;color:#000 !important;width:100%;z-index:8;}
            .nivo-caption p {padding:5px;margin:0;font-size:11px;line-height:14px;}
            .nivo-caption a {display:inline !important;}
            .nivo-html-caption {display:none;}
    /* SLIDER-BOX ENDE */

    ---

    Einstellungmöglichkeiten:

    slider.php - Anzahl der Produkte im Slider:

    Code: PHP  [Auswählen]
    $max_slider_products = 30;

    stylesheet.css - Ladebild (kommt immer als erstes, dann erstes Bild der slideshow)

    Code: CSS  [Auswählen]
    .newest_slider { height:230px; margin-bottom:15px; background-image:url(HIER DEIN LADEBILD EINFÜGEN); }

    general.js.php - jQuery Plugin Usage | Nivo Slider

    box_slider.html - Features/div. Einstellungen bedingt durch eigenes Design:
    - Produktname auf 35 Zeichen begrenzt, dann Zeilenumbruch dann
    - Preisanzeige in Fettschrift
    - erstes Sliderbild (war 1 Bild aus dem sliderkatalog) ersetzt durch feste Definition (siehe stylesheet.css)

    Weiterführende Informationen:

    Ich habe das Teil an meine Bedürfnisse angepasst, inwieweit Anzeige von Bestellers usw möglich ist habe ich nicht getestet. Falls Du diese Funktion haben willst (dieser script zeigt nur Neue Produkte) musste Du folgendes ändern:

    "box_slider.html":

    Code: PHP  [Auswählen]
    <h2 class="boxheader">{#heading_whatsnew#}</h2>

    in {#heading_bestsellers#} etc.

    "slider.php":

    Code: PHP  [Auswählen]
    $box_mode = 'bestsellers';
    in new, bestsellers, top etc. Scheinbar aber keine Funktion.

    So, ich hoffe ich habe nichts vergessen. Viel Spaß beim Einbau !
    Grüße

    [EDIT Tomcraft 20.01.2012: Anleitung in Beitrag 1 verlinkt.]

    Tomcraft

    • modified Team
    • Gravatar
    • Beiträge: 46.161
    • Geschlecht:
    Re: ANLEITUNG: Bestseller, TOP, NEW Product-Slider-Box
    Antwort #26 am: 20. Januar 2012, 11:31:42
    Danke dir! :thx:

    Ich hoffe, dass h-h-h hier nochmal vorbei schaut und ggf. seine Anleitung nochmal entsprechend komplettiert. :-)

    Grüße

    Torsten

    h-h-h

    • modified Team
    • Beiträge: 4.563
    Re: ANLEITUNG: Bestseller, TOP, NEW Product-Slider-Box
    Antwort #27 am: 20. Januar 2012, 11:39:59
    Hallo werresal,
    vielen Dank für die Erweiterung.
    Wärst du so lieb und übernimmst es ins Wiki?

    Besten Gruß

    h-h-h

    werresal

    • Neu im Forum
    • Beiträge: 47
    Re: ANLEITUNG: Bestseller, TOP, NEW Product-Slider-Box
    Antwort #28 am: 20. Januar 2012, 12:41:16
    Kein Problem, eine Hand wäscht die andere. ^^
    Wiki ?? Keine Ahnung was wie wo.
    Grüße

    nicnero

    • Schreiberling
    • Beiträge: 389
    • Geschlecht:
    Re: ANLEITUNG: Bestseller, TOP, NEW Product-Slider-Box
    Antwort #29 am: 20. Januar 2012, 13:09:19
    Hallo

    Jetzt funktionieren auch die Links, klasse.
    Nur wird im Internet Explorer der Slider nicht mehr angezeigt. Könntet ihr das bestätigen?
    Vielleicht liegt es auch nur an mir. :-?

    Gruß Nico
    2 Antworten
    3574 Aufrufe
    14. Januar 2010, 16:41:58 von Tomcraft
    13 Antworten
    9288 Aufrufe
    26. März 2014, 22:17:01 von KAT
    43 Antworten
    6163 Aufrufe
    02. Oktober 2020, 12:07:00 von Karl1