Shop-Produkt Images

26.09.2016 14:26
#1
ji

Hallo ans Forum.
Wenn ich ein "normales" Bild einfügen, kann ich diese mit diesem Button "Bild per Klick vergrößerbar" belegen.
Bei dem "Shop-Produkt" Modul fehlt mir aber diese Funktion. Da habe ich lediglich die "Zoom-Funktion", die ich benutzen kann.
Stehe ich da auf dem Schlauch oder ist das tatsächlich so?
Und wenn es tatsächlich so sein sollte, gibt es eine Möglichkeit die "Shop-Modul" Bilder auch mit der "Fullscreen" Ansicht zu koppeln?
Danke schon mal im Vorraus!!


 Antworten

 Beitrag melden
27.09.2016 10:04 (zuletzt bearbeitet: 27.09.2016 10:08)
avatar  az_
#2
avatar
az_

Hallo @jimdouser,

in der Tat gibt es das bei den Shop-Produktbildern nicht, und zwar eben weil es diesen Zoom gibt. Der übrigens auf meinem Chrome Browser auf dem Windows Laptop nicht funktioniert. :)

Du hast aber die Möglichkeit, das Bild im Shop-Produkt per CSS ganz auszublenden (...oder einfach keines zu vergeben, aber dann steht Dir auch keines in der Übersicht zur Verfügung). Dann kannst Du dem Shop-Produkt ein normales Bild geben (Spalten-Element). Oder sogar eine Galerie: http://forum-images.jimdo.com/shop/#cc-m-13590727324




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


 Antworten

 Beitrag melden
27.09.2016 10:47 (zuletzt bearbeitet: 27.09.2016 13:30)
#3
ji

Hallo.
Danke für die Antwort.
Ich habe mir das Beispiel (Link) angesehen und nur zum Verständnis.
Du arbeitest hier mit "2 Spalten".
Links hast du den "Slider" drinne und rechts das "Shop-Modul" ohne Bild.
Ist das so korrekt?


 Antworten

 Beitrag melden
27.09.2016 13:28 (zuletzt bearbeitet: 27.09.2016 13:32)
avatar  az_
#4
avatar
az_

...genau! :)


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


 Antworten

 Beitrag melden
19.12.2016 13:08
#5
Fi

Hallo zusammen,

hier meine "Test"-Seite: http://feinkosttesttest.jimdo.com/test2/

Ich möchte das Thema mit der Trennung von Shop-Produktbild und Shop-Produkttext nochmals aufgreifen. Ich habe zwei Spalten erstellt, Spalte 1 mit dem Shopprodukt (ohne Bild) und eine Spalte 2 mit einem separaten Produktbild. In der Bestellübersicht (also nachdem man "zur Kasse" geht) wird dann kein Produktbild des im Warenkorb befindlichen Artikels angezeigt, was natürich doof ist...

Gibt es Möglichkeit hier das Bild doch in der Bestellübersicht und anzuzeigen? Komme ggf. mit copy-paste von Code-Schnipseln weiter :-)

Danke schonmal im Voraus.

VG
Finalbob


 Antworten

 Beitrag melden
20.12.2016 16:06 (zuletzt bearbeitet: 20.12.2016 16:08)
avatar  az_
#6
avatar
az_

...ja, das geht. Du must einfach ein Produktbild einsetzen - das brauchst Du sowieso unbedingt für Google (!). Dann wird das Bild über eine CSS Anweisung ausgeblendet (display:none;). Auf der Produktübersicht wird es dann immer noch angezeigt.

Bespiel: https://forum-images.jimdo.com/shop/





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


 Antworten

 Beitrag melden
20.12.2016 16:59
#7
Fi

Hi az!

Danke für den Hinweis. Ich hab meine CSS Kentnisse dann doch etwas überschätzt :-) Wie/ wo schreibe ich den Befehlt, sodass das Produktbild nicht erscheint? Kann man das für so definieren, dass für ALLE Produkte im Shop das Bild nicht angezeigt wird?


 Antworten

 Beitrag melden
20.12.2016 17:04
#8
Fi

Wichtig: In der Produktübersicht ("+ Inhalt hinzufügen") soll das Bild erscheinen. Das wird sonst kompliziert zum pflegen bei einer grossen Anzahl an Shopartikeln :-)


 Antworten

 Beitrag melden
20.12.2016 17:17
#9
Fi

Habs so gelöst und den code im Header platziert. Funktioniert. Aber ist das auch "elegant"? :-)

1
2
3
4
5
6
7
 
<style type="text/css">
/*<![CDATA[*/
/* Shop-Produktbild ausblenden*/
div.cc-shop-product-img {
display: none;
}}/*]]>*/
</style>
 


 Antworten

 Beitrag melden
20.12.2016 17:51 (zuletzt bearbeitet: 20.12.2016 18:19)
avatar  az_
#10
avatar
az_

...als workaround jedenfalls erst mal brauchbar.

Es gibt noch andere Methoden, Inhalte zu verbergen, z.B.:

1
2
3
4
5
6
7
8
 

#hide {
position: absolute;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
height: 1px;
width: 1px;
}
 



1
2
3
4
5
6
7
 

#hide{
position: absolute;
top: -9999px;
left: -9999px;
}
 
 



Was Google dazu sagt, darüber streiten sich die Experten im Netz...

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


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!