Uzun sayfalarda başa dön düğmesi ekleme

Uzun olan ve çok fazla kaydırma gerektiren sayfalarınız varsa temanıza Başa dön düğmesi ekleyin.

Baştaki örneğe dön

Başa dön parçacığı oluştur

  1. Snippets (Parçacıklar) dizininde Yeni bir parçacık ekle'ye tıklayın.

  2. Parçacığınızı back-to-the-top olarak adlandırın ve Parçacık oluştur öğesine tıklayın. Parçacık dosyanız kod düzenleyicisinde açılır.

  3. Aşağıdaki kodu, yeni oluşturulan back-to-the-top dosyası içerisine yapıştırın:

    ```html {% comment %} Başa dön düğmesinin sayfada daha üstte görünmesini istiyorsanız, aşağıdaki değeri azaltın. Bu değer piksel cinsindendir. {% endcomment %} {% assign vertical_offset_for_trigger = 300 %}

    {% comment %} Düğmenin konumu için tarayıcının altından dikey offset. {% endcomment %} {% assign position_from_bottom = '6em' %}

    Başa dön {{ '//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css' | stylesheet_tag }}```

    1. Kayıtyap ' a tıklayın.

    Parçacığınızı ekleme

    1. Düzen klasöründe, theme.liquid dosyasını açın.

    2. Dosyanın en altına gidin. Kapatma </body> etiketinin hemen üstüne aşağıdaki kodu yapıştırın:

    {% render 'back-to-the-top' %}

    Kod şu şekilde gözükmelidir:

    Parçacık dahil başa dön
    ]

    1. Kayıtyap ' a tıklayın.

    Başa dön düğmesini yapılandırma (isteğe bağlı)

    Başa dön düğmenizi özelleştirmek için buraya tıklayın ve parçacığınızın ilk satırlarına bakın.

    • Düğmenizin konumunu tarayıcının alt kısmına göre değiştirmek için position_from_bottom değerini düzenleyin:
    {% assign position_from_bottom = '4em' %}
    • Düğme ortaya çıkmadan önce müşterinin ne kadar aşağı kaydırması gerektiğini değiştirmek için, vertical_offset_for_trigger değerini düzenleyin:
    {% assign vertical_offset_for_trigger = 300 %}

    İpucu: vertical_offset_for_trigger birim olmadan ayarlanmalıdır ve bir piksel değeridir.

    Demo mağaza

    Bu özelleştirmenin bir örneğini görmek için demo mağazayı ziyaret edin.

Shopify ile satış yapmaya hazır mısınız?

Ücretsiz olarak dene