Lisää asiakkaan kirjautumislinkki teemaasi

Huomaa

Tämä mukautus koskee verkkokaupan Online Store 2.0 ‑teemoja, eikä sitä sovelleta vanhoihin Shopify-teemoihin. Katso teemasi arkkitehtuuriversio.

Jos käytät asiakastilejä eikä kirjautumislinkki näy teemasi ylätunnisteessa, josta asiakkaat kirjautuvat sisään, voit lisätä asiakkaan kirjautumislinkin teemaan. Ennen kuin muokkaat teeman koodia, tutustu teeman mukauttamiseen liittyviin seikkoihin.

Teemassasi kirjautumislinkin tarkistaminen

Monissa teemoissa on kirjautumislinkki oletusarvoisesti. Ennen kuin jatkat tätä tutoriaalia, tarkista, tukeeko teemasi kirjautumislinkkejä.

Ohjeet:

1. Siirry Shopify Adminissa kohtaan Asetukset > Asiakastilit.

2. Laita Näytä kirjautumislinkit ‑painike käytössä-asentoon.

3. Kun olet poistanut kirjautumislinkit käytöstä, käy verkkokaupassasi kuin olisit asiakas, ja tarkista, että kaupan ylätunnisteessa on profiilikuvake sisäänkirjautumista varten.

4. Jos profiilikuvake ei näy, lisää teemaan kirjautumislinkki noudattamalla ohjeita.

Kirjautumislinkin lisääminen teemaan

Vinkki

Tämä on edistyneille käyttäjille tarkoitettu tutoriaali. Jos et halua lukea ja muokata teeman koodia, voit työskennellä kehittäjän kanssa tai palkata Shopify Partnerin.

Jos profiilikuvake ei näy verkkokaupan ylätunnisteessa, josta asiakkaat voivat kirjautua kauppaan, voit lisätä teemaan kirjautumislinkin.

Ohjeet:

1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
2. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
3. Avaa Osiot-kansiosta header.liquid-tiedosto.
4. Lisää seuraava koodinpätkä header.liquid-tiedostoon ja klikkaa sitten Tallenna.
   • Voit ohjata asiakkaat asiakastileille kirjautumisen jälkeen seuraavasti:

{% if customer %}
  <a href="{{ routes.account_url }}">Account</a>
{% else %}
  <a href="{{ routes.account_login_url }}">Login</a>
{% endif %}

• Voit ohjata asiakkaat takaisin verkkokauppaan kirjautumisen jälkeen seuraavasti:

{% if customer %}
  <a href="{{ routes.account_url }}">Account</a>
{% else %}
  <a href="{{ routes.storefront_login_url }}">Login</a>
{% endif %}