Tipps und Tricks: Die besten Lifehacks Q&A

Fragen, Antworten & Probleme zum Thema Tipps und Tricks: Die besten Lifehacks

1 Like

Gute Idee, nur in der Mobilen Version eher ungeeignet - leider…

Wo Nachfrage ist, kann auch eine Lösung gefunden werden. Das ist kein Problem es dort auch anzupassen. Brauchst du es?

1 Like

Hej lovette - alles gut und danke für die Antwort. Ja das wäre Cool !

Hi lovetee,

bei mir klappts nicht. Habe den Code:
.sprd-startpage-product-preview__preview:nth-of-type(2) .sprd-img-spinner__image {
content: url(https://image.spreadshirtmedia.net/image-server/v1/products/136584081/views/1,width=500,height=500,appearanceId=366,crop=list,modelId=85)
}

… in “Shop CSS bearbeiten” eingefügt, dann auf Button “Änderungen übernehmen” geklickt.
Sieht danach genaus so aus wie vorher

In das Feld “Shop CSS bearbeiten” kann man doch sicher mehrere Codes einsetzen, oder. Steht nämlich auch schon dieser drin:
.sprd-startpage-teaser .sprd-button.sprd-btn-primary {
font-size: 90%;
background-color: #ebbe07 !important;
border: 4px solid #8e3708 !important;
color: #000000 !important

Es scheint als wĂĽrde SPRD keine @media-Queries im CSS Feld erlauben. Tut mir leid :frowning:

kein Problem, trotzdem Danke !

ist das genau der Code, wie er da drinne steht? Da fehlt am Ende nun ein }. Bitte prüfen und ergänzen, dann sollte der obige Code laufen.

Alternative wäre halt per Javascript den Shop einzubinden, dann hast du viel mehr Möglichkeiten u.a. auch die @media-Queries.

ok, kann man den Shop dann so einbinden, das in der Mobilen Version das MenĂĽ passt ?

Was meinst du damit?

ich meine ich habe mal gelesen, das mit dem Hamburger Menü sich mit dem Menü von der Webseite stört wenn man den Shop z.b. in WP einbindet.

Hm, kannst mal prüfen unter lovetee.de - finde nicht das sich das anders verhält.

lovetee

habs ĂĽberprĂĽft, so siehts aus:
diese Klammer fehlt nicht.

.sprd-startpage-teaser .sprd-button.sprd-btn-primary {
font-size: 90%;
background-color: #ebbe07 !important;
border: 4px solid #8e3708 !important;
color: #000000 !important
}
.sprd-startpage-product-preview__preview:nth-of-type(2) .sprd-img-spinner__image {
content: url(https://image.spreadshirtmedia.net/image-server/v1/products/136584081/views/1,width=500,height=500,appearanceId=366,crop=list,modelId=85)
}

Trotzdem wird noch immer das XXL-Model angezeigt :frowning:

Der obere Code funktioniert.

nur der neue/untere irgendwie nicht

Hallo lovetee,
wenn man auf deinen Link lovetee.de klickt kommt doch ein Spreadhsirt-Shop, ABER weshalb steht in deiner URL nicht auch noch: https://shop.spreadshirt.de/… ??

also so: https://shop.spreadshirt.de/lovetee

1 Like

kann ich mal sehen? (URL)

Hi,

weil ich den Shop per Javascript eingebunden habe. Mit diesem Code:

hier gibt es eine kleine Anleitung dazu:

1 Like

Jetzt funktionierts.
Allerdings muss ich noch ein Shirt mit nem Elefantenmotiv neu hochladen, denn das rote Shirt mit dem Slogan paĂźt ja nicht in mein Shop.
habe den CSS vorerst wieder entfernt.

Aber wie gesagt, vorhin wars okay.

Danke nochmal lovetee.

Lovetee:
WO finde ich diese BIlder vom SpreadshirtServer??

Wobei diese ja garnicht passend sind zu meinem Design.
Blöd, dass man keine eigenen Bilder hochladen kann, denn so paßt das Vorschaubild dann nicht zum Artikel (in meinem Fall Shirt mit Ele-Motiv)

So muss ich mit dem XXL-Model mich wohl doch anfreunden :frowning:

Das rote Shirt paĂźt halt nicht, aber wenn ich kein passendes hochladen kann zum Text darunter, ist es ja unsinnig.

Oh, ähm, also du müsstest natürlich den Pfad anpassen. Also die selbe URL, wie mit dem XXL-Model, aber die modelId und die appearanceId anpassen :wink:
Da das sehr individuell ist, kann ich dir da gerne helfen und die URLs fĂĽr dich heraussuchen und dir dann nennen. Musst nur sagen fĂĽr welche.

1 Like