Login Bereich anpassen

Deutsch Diskussion Shopify Design
1

Hi Shopify Team,

ich möchte gerne in meinem Shop die Kunden Login Seite grafisch anpassen.

Ich benutze das Refresh theme. Könnt ihr mir hier weiterhelfen? Ist es möglich die Seite einfach im Editor anzupassen, oder geht es nur über den Code?
Wisst ihr ob ich die Seite eventuell mit einer externen app bearbeiten kann, wie z.B. Gempage?

Danke und liebe Grüße

2

Hallo @AmelieL was genau möchtest Du anpassen ? Ich habe zb. ein Hintergrund mit CSS eingefügt. Das Feld kann man auch etwas mit CSS anpassen.

3

Hi @VIVID_24 , danke dir :slightly_smiling_face: Ich möchte die Oberfläche an mein corporate design anpassen, aber dann ist das wahrscheinlich nur mit code möglich, oder?

4

Hallo @AmelieL richtig, also Hintergrund kann man ohne Probleme anpassen und auch das Feld, kann man mit CSS etwas anpassen. Aber einstellen, kann man leider so nichts. Du müsstest mir genau sagen was Du wie anpassen möchtest, dann kann ich dir einen Code schreiben. Wenn dir das etwas weiterhilft. Ich habe es zb. so gemacht …

Gruß Markus

2.jpg
2.jpg1848×822 119 KB

5

hallo Guten Tag mein freund ich habe eine frage könntest du mir ein code schreiben für denn hintergrund und wie ich das anmelde formular also da wo man halt die email und passwort schreibt genau so schön hinbekommt wie bei dir und wenn sich kunden registrieren kann man so machen das wenn sie sich anmelden das sie oben rechts auf dieses mänchen z.b klicken um auf die kontoeinstellung zu kommen um z.b email passwort etc zu ändern

6

Hallo @gamo gerade gesehen habe dir per PN gerade geschrieben.

7

Moin, könntest du mir das ggf. auch schicken? :grinning_face_with_smiling_eyes:

8

Hallo @luukas_wi sorry habe es jetzt erst gesehen. Ich habe damals diesen Code für das Prestige eingefügt:

.section-spacing {
background-image: url(“https://cdn.shopify.com/s/files/1/0833/9397/0513/files/account_desktop.webp?v=1738425335”);
background-size: cover;
background-position: center;
}
#login.v-stack.gap-6,
recover.v-stack.gap-6 {
background: #fff;
padding: 50px;
z-index: 1;
}
@media only screen and (max-width: 480px) {
#login.v-stack.gap-6,
recover.v-stack.gap-6 {
padding: 25px;
}
}

Das in Rot eingefügt ist meine Datei die ich hochgeladen habe, diese einfach mit deinem Bild austauschen.

Ich kann es leider nicht mehr prüfen, da ich mir das neue Theme (Stretch) von dieser Firma gekauft habe, da ist jetzt automatisch sowas enthalten.

Probiere es mal aus und sag mir bescheid ob es geklappt hat.

Gruß Markus