Style Testshop 2

Thema wurde von lightco, 13. Juni 2016 erstellt.

  1. lightco
    lightco Aktives Mitglied
    Registriert seit:
    6. Oktober 2015
    Beiträge:
    30
    Danke erhalten:
    0
    Danke vergeben:
    5
    #1 lightco, 13. Juni 2016
    Moin Moin
    So langsam kehrt nach unserem Tornado wieder ruhe ein und ich kann mich wieder bissle um den Shop kümmern.
    Und nun habe ich gleich eine Frage ;-)

    Habe gesehen, das die Testshops neu aufgesetzt worden sind.
    Im Testshop 2 sind auf der Startseite diese 3 bewegten bildchen.
    WIE bekomme ich dies hin?? Habe schon alles getestet aber klappt nicht :-(

    Bzw. Der Style gefällt mit sehr gut. Bekommt man die CSS irgendwie?
    Danke schön für die Hilfe :)

    Gruß
    Jan
     
  2. michael_76
    michael_76
    #2 michael_76, 13. Juni 2016
    @lightco


    Du gehst zuerst in deinen Adminbereich und dann unter Darstellung und dann auf Content Manager.
    Suche den Bereich Index und gehe auf bearbeiten. Danach drückst Du auf Quellcode löscht das vorhandene raus und fügst folgenden Quellcode ein:

    <div class="row home-teaser-row space-0">
    <div class="col-xs-12 col-md-8 row-xs-2 row-md-2"><a class="home-teaser" href="/index.php"><img alt="" class="img-responsive" src="images/content/index/teaser.jpg" /></a></div>

    <div class="col-xs-12 col-md-4 row-xs-2 row-md-1"><a class="home-teaser" href="/shop_content.php?coID=3889891"><img alt="" class="img-responsive" src="images/content/index/sale-top.jpg" /></a></div>

    <div class="col-xs-12 col-md-4 row-xs-2 row-md-1"><a class="home-teaser" href="http://www.fischereizentrum-oberfranken.de/"><img alt="" class="img-responsive" src="images/content/index/service-top.jpg" /></a></div>
    </div>


    Die Pfade für die Bilder musst Du natürlich so anpassen wie diese bei Dir sind.


    Danach geht es weiter:
    Erstelle mit einem Editor z.B. Wordpad eine Datei mit folgendem Inhalt:



    $(function () {

    $(".home-teaser").each(function () {

    var $elem = $(this),
    $img = $("img", $elem);

    $elem.wrapInner("<div></div>");

    var $imgContainer = $("div", $elem);

    $imgContainer.css("background-image", "url('" + $img.attr("src") + "')");

    });

    });



    Diese Speicherst du dann als home-teaser.js ab.
    Danach musst du diese mittels FTP auf deinen Server nach templates/Honeygrid/usermod/javascript/Global hochladen.

    Nun ist es fast geschafft :)
    Ich habe noch 2 Dateien angehängt diese bitte noch mittels FTP Server nach templates/Honeygrid/styles/custum hochladen.

    Danach alle Caches leeren und dann sollte es gehen.

    Gruß Michael
     

    Anhänge:

  3. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    #3 Torben Wark, 13. Juni 2016
  4. lightco
    lightco Aktives Mitglied
    Registriert seit:
    6. Oktober 2015
    Beiträge:
    30
    Danke erhalten:
    0
    Danke vergeben:
    5
    #4 lightco, 13. Juni 2016
    Vielen Dank für die schnelle Hilfe :)
     
  5. kruemmling_com
    kruemmling_com Aktives Mitglied
    Registriert seit:
    20. September 2017
    Beiträge:
    27
    Danke erhalten:
    5
    Danke vergeben:
    12
    #5 kruemmling_com, 5. Oktober 2017
    @michael_76

    Hallo,
    hat sich da mittlerweile was geändert oder ist das immer noch aktuell?
    Weil bei mir funktioniert das leider nicht. Ich erhalte nur eine leere Startseite. Die Links und die Flächen sind zwar hinterlegt und auch anklickbar, jedoch werden die Bilder nicht angezeigt, trotz dass sie im Bearbeitungsmodus im Contentbereich richtig verlinkt sind und dort auch erscheinen.