Konfigurator/Designer für Jimdo - Weiß jemand wie man sowas umsetzt?
Moin,
kann mir jemand helfen eine Art Designer umzusetzen.
Der Besucher soll eine Farbe anklicken können und im Bild ändert sich dann auch die Farbe des Produktes.
Analytics zeigt dir nicht den Grund, es zeigt dir das Ergebnis des Verhaltens der Benutzer.
Retail Is Detail.
...versuch mal ein shop-Pprodukt mit verschiedenen Varianten:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!-- html -->
<div id="cc-m-13981764223" class="j-module n j-hgrid ">
<div class="cc-m-hgrid-column" style="width: 23.5%;">
<div id="cc-matrix-3975075523">
<div id="cc-m-13981765523" class="j-module n j-htmlCode ">
<p class="hide">
Var0
</p>
<img class="changevar" src="https://image.jimcdn.com/app/cms/image/transf/dimension=60x60:format=png/path/s5d3197bd2d87f086/image/id1fd23c427cb7742/version/1519413204/image.png" data-orig-width="500" data-orig-height="500" alt="" onclick="javascript:changeVar('cc-m-product-10356936723',0);"></div>
</div>
</div>
<div class="cc-m-hgrid-separator" data-display="cms-only">
<div></div>
</div>
<div class="cc-m-hgrid-column" style="width: 23.5%;">
<div id="cc-matrix-3975075623">
<div id="cc-m-13981765723" class="j-module n j-htmlCode ">
<p class="hide">
Var1
</p>
<img class="changevar" src="https://image.jimcdn.com/app/cms/image/transf/dimension=60x60:format=png/path/s5d3197bd2d87f086/image/ie16eff3196d66666/version/1519413206/image.png" data-orig-width="500" data-orig-height="500" alt="" onclick="javascript:changeVar('cc-m-product-10356936723',1);"></div>
</div>
</div>
<div class="cc-m-hgrid-separator" data-display="cms-only">
<div></div>
</div>
<div class="cc-m-hgrid-column" style="width: 23.5%;">
<div id="cc-matrix-3975075723">
<div id="cc-m-13981764023" class="j-module n j-htmlCode ">
<p class="hide">
Var2
</p>
<img class="changevar" src="https://image.jimcdn.com/app/cms/image/transf/dimension=60x60:format=png/path/s5d3197bd2d87f086/image/i4472e8137c2d70eb/version/1519413206/image.png" data-orig-width="500" data-orig-height="500" alt="" onclick="javascript:changeVar('cc-m-product-10356936723',2);"></div>
</div>
</div>
<div class="cc-m-hgrid-separator" data-display="cms-only">
<div></div>
</div>
<div class="cc-m-hgrid-column last" style="width: 23.5%;">
<div id="cc-matrix-3975075823"></div>
</div>
<div class="cc-m-hgrid-overlay" data-display="cms-only"></div>
<br class="cc-clear">
</div>
<!-- script -->
<script type="text/javascript">
function changeVar(product_id, selectedIndex) {
var product_selector = document.getElementById(product_id);
var ul_selector = product_selector.getElementsByClassName('cc-shop-product-alternatives');
var li_selector = ul_selector[0].getElementsByTagName('li');
var a_selector = li_selector[selectedIndex].getElementsByTagName('a');
a_selector[0].click();
var select_selector = product_selector.getElementsByTagName('select');
select_selector[0].selectedIndex = selectedIndex;
$('#' + product_id + ' select.cc-product-variant-selectbox').change();
}
</script>
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= 
) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Naja, du brauchst schon die Varianten. Beispiel: https://miami-designtest.jimdo.com/shop/
LG, az
PS: die Perspektive des Raumes auf Deinem Bild ist ein weinig schräg - der Fluchtpunkt sitzt weiter in der Mitte :)
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
mal auf die Schnelle gemacht.
https://www.w3schools.com/code/tryit.asp...me=FOXF56VDZ935
geht bestimmt auch schöner. Aber damit kannst du vielleicht ein paar Begriffe finden.
ich hoffe, das beantwortet all deine Fragen ;)
https://www.w3schools.com/code/tryit.asp...me=FOYP11V8LVYV
Eine Sache vielleicht doch noch. In der Mobilen Ansicht ragt das alles über den Footer hinaus:
Analytics zeigt dir nicht den Grund, es zeigt dir das Ergebnis des Verhaltens der Benutzer.
Retail Is Detail.
Wenn Du mit Varianten arbeitest, kannst Du doch für jede Variante einen eigenen Preis vereinbaren. Das Skript müsste das eigentlich berücksichtigen.
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
