Okay das war nicht so ersichtlich für mich, ob man wirklich des StyleEdit 3 benötigt.
Hatte dort auch folgendes gelesen für den Testshop 2:
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:
Code:
<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="(Link nur für registrierte Nutzer sichtbar.)"><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.
Die zwei Dateien heißen:
- _grid_rows.scss
- _usermod.scss
Und dort steht nirgendwo etwas über den StyleEdit3....