Trick: Vorder- und Rückseite in Produktliste anzeigen - 100 €

Das Rückseiten-Picture kann mit alten und neuen Accounts angezeigt werden, bzw. ist es bei beiden der selbe Aufwand.

Was ist das? Was hat das zu bedeuten?

ich habe es mittlerweile von einem netten user hier gratis bekommen, vielen DANK :slight_smile:

Überflüssiger Post meinerseits, da du schon alles oben ergänzt hast und daher entfernt :v:

Achso, ja, na toll… Meine Geschäftsidee kaputt gemacht.
Na dann poste doch mal! Für gewöhnlich führen viele Wege zum Ziel. Vielleicht kann ich was zur Verbesserung beitragen.

Dear Community

Hier als funktionierendes Beispiel (läuft auch, wenn man im Shop navigiert):
https://jsfiddle.net/thimo/9k85fcjv/

So sieht der Code insgesamt aus (falls jQuery bereits vorhanden ist, kann die erste Zeile gelöscht werden):

`

.diff-view { width: 100px; align-self: flex-end; margin-bottom: 40px; } @media screen and (max-width: 480px) { .diff-view { display: none !important } } `

:v:

Gruß
Thimo

4 Likes

Hey Danke Thimo!
Mein Trick ist absolut anders. An eine Umsetzung mit JQuery habe ich nicht gedacht. Habe zuerst mit JavaScript probiert, aber verworfen. Meines ist reines CSS.

Deines hat den Vorteil, dass es nur ein Copy & Paste benötigt.

Meines benötigt einen kleinen Aufwand, kann dann aber individuell gestaltet werden. Also erstmal für alle gleich, dann individuelle Anpassung möglich, wie zB diese “Karton” Platzhalter-Bilder rausnehmen. Zudem hat es folgende Vorteile:

  1. Das Rückseiten-Bild liegt über dem Vorderseiten-Bild - spart Platz. Man kann es individuell für jedes einzelne auch woanders platzieren.
  2. Die Größe der Rückseiten-Bilder können ausgewählt werden und es können sogar mit @media screen verschiedene Größen benutzt werden. zB für Mobile Devices größere Bilder.
  3. Das Rückseiten-Bild kann individuell angezeigt werden, also nicht nur bei allen gleich, sondern auch bei einzelnen nicht, oder Seitenansicht (bei Tassen, etc.), oder nur für einzelne, oder oder.

Meinen Trick werde ich aber hier nicht posten. Wenn ein Austausch erwünscht, dann per PN.

Das kann noch um einiges verbessert werden, wie ich eben getestet habe. Individuelle Anpassung ist aber nicht drin.
Bei deiner Lösung werden leider die Vorderseiten-Bilder kleiner und sowas ist bei mir vermeidbar:

Hört sich echt gut an :+1:

Aber: Einfach zeigen! Bis jetzt ist dein Trick wie Schrödingers Katze :wink:

Spuck doch den Code mal aus. Garantiert haben andere auch Interesse und Bedarf dafür! :wink:

Gruß David

Werde ich nicht machen, weil … Schreib doch einfach eine PN bei Interesse, dann wirst du es verstehen.

@lovetee, dein Script hat nen Fehler. Schau dir mal die URL der Pictures an.
88//views//2/,width
Fällt dir was auf? Noch n bissl regex üben! :wink:

Zudem wird SPRD nicht begeistert sein, weil damit die großen Images geladen werden, was immens Traffic verursacht.

Wenn du das beides gefixt kriegst hab ich ne Belohnung für deine Version, also ne Verbesserung, die ich dann hier posten werde.

Mein Trick in der Einzel-Anfertigung hier:
https://jsfiddle.net/pnxf7m8k/
Wobei das @media screen individuell angepasst werden kann.

Der Trick in simpler Serien-Anfertigung nur per PN.

Das ist auch so gewollt, da beide sich den Platz teilen. Ist aber alles anpassbar.


Weil CSS nicht funktioniert? :astonished: ironie

Bei Produkten mit fehlender Rückansicht, also Produkte die keine Rückansicht haben (Karton), kann man natürlich die Rückansicht individuell per CSS deaktivieren. Eine Lösung per Javascript-API und der automatischen Deaktivierung gibts natürlich auch, würde aber den Rahmen hier sprengen.


Kleine Änderung durchgeführt, danke für den Hinweis.


Fällt dir etwas auf? Ich habe einmal kurzerhand eine einfache Lösung präsentiert, die für jeden einsetzbar und natürlich kostenlos ist, als mich die ganze Zeit aufzuspielen.


Vielleicht schreibst du ihm eine PN? Es zeigt doch schon Interesse wenn man hier antwortet oder nicht?


Um mal auf dein Niveau zu kommen:
Ich bin mal sehr auf deine €100-Lösung gespannt, die hoffentlich nicht nur mit content: und # gespickt, aber bis jetzt nur heiße Luft ist. Und den Eindruck erweckt dass du eine Lösung für dein Problem gebraucht hast.
Das alles ist mir letztendlich auch egal, die 5 Minuten für das Programmieren des Skripts investiere ich gerne für die Community. Aber um Hilfe zu bitten kann man auch auf andere Art und Weise.

Wer noch individuelle Anpassungen usw. möchte, bitte ein separates Thema eröffnen, dann haben auch andere etwas davon.

:v:

3 Likes

Das ist aber jetzt kein wirklicher Trick

Made my day! :smiley:
Im Übrigen sollte mal erwähnt sein, dass @lovetee seine Lösung kostenfrei präsentiert und nicht auf 100€ per PN hofft und bei PN´s immer gerne hilft.

Nicht falsch verstehen, ich finde die Idee super, dass hier Lösungsansätze für Probleme aufgezeigt werden. Das soll auch entlohnt werden, keine Frage. Aber @lovetee zu erzählen er soll noch ein bißchen üben finde ich ein bißchen drüber.

Ich bin dann auch wieder weg. Hier gibt’s zu viele Coder :joy:

3 Likes

Er/Sie/Es hat mir eine geschrieben mit dem Inhalt, dass er/sie/es es gar nicht benötigt. Soviel dazu.

Ich nenne es Trick. Den Begriff “CSS-Trick” finds’te überall. Hab ich keine Erlaubnis ihn zu verwenden?

Oh, bin ich jetzt böse?
Mein Angebot auf einer Verbesserung seiner Idee geht völlig unter unter diesen Schrecklichkeiten die ich hier verbreite!
Danke, dass ich lovetee auf seinen Fehler hingewiesen habe. Danke für nichts. Ihr seid echt witzig :slight_smile:
Zumindest habe ich das Thema mal angestoßen. Und eine PN ist zuviel verlangt?

Was hat das mit böse zu tun? Eher beleidigt? Ich zitiere mich gern selbst nochmal:

Warum muss man direkt so angepisst sein? Du hast für etwas einen Lösungsvorschlag angeboten, @Lovetee hat eine andere Lösung gezeigt, du hast korrigiert. Ich fand´s nur drüber ihm zu sagen, dass er üben soll. Ist doch alles gut.

Und da du drauf pochst: DANKE :slight_smile:

Fällt Dir etwas auf? Ich hatte eine Idee, bei der ich dachte, sie könnte einige interessieren und für Top-Seller sind 100€ sicher drin. Und dann kommst du, OK, nachdem eh keiner Interesse gezeigt hat, und vermasselst mir die Tour. Soll ich dir jetzt noch die Füße küssen oh großer lovetee!? Dann bin ich so nett und weise dich auf einen Fehler hin und was ist der Dank? Ach, ich hätte ihn für dich fixen sollen? …

Das sagt man halt so … regex ist nicht ohne. manoman.

Einfach mal bissken runterschalten. @lovetee wollte dir sicherlich nicht deine Millionen klauen :slight_smile: Wie gesagt, jemand der´s braucht wird dir auch sicher deine 100€ für deine Lösung zahlen. Interesse ist aber momentan wohl noch nicht so groß, denke aber nicht, dass das an dem alternativen Lösungsvorschlag eines anderen liegt :wink:
Wie ich schon sagte, wenn jemand (wie du) einen Lösungsvorschlag bietet, soll der auch entlohnt werden.