Satın Al Düğmesini ya da ekli sepeti düzenleme veya silme

Satın Al Düğmeleri ve sepetler, web sayfanızın kaynak HTML'sine eklediğiniz yerleştirme kodundan oluşturulur. Bir düğmenin veya sepetin bir web sayfasındaki görünümünü veya davranışını değiştirmek istiyorsanız ilişkili yerleştirme kodunu değiştirmeniz gerekir.

Satın Al Düğmesi, ekli koleksiyon veya ekli sepet silme

Mevcut bir Satın Al Düğmesini, koleksiyonu veya ekli sepeti silmek için:

  1. Satın Al Düğmesini, ekli koleksiyonu veya ekli sepeti içeren web sayfasının kaynak HTML'sini açın.

  2. Kaynak HTML'den tüm yerleştirme kodunu silin. Yerleştirme kodu, Satın Al Düğmesi için aşağıdaki kod gibi görünür:

 

<div data-embed_type="product" data-shop="yourstorename.myshopify.com" data-product_name="Product Name" data-product_handle="product-name" data-has_image="true" data-display_size="compact" data-redirect_to="checkout" data-buy_button_text="Buy now" data-buy_button_out_of_stock_text="Out of Stock" data-buy_button_product_unavailable_text="Unavailable" data-button_background_color="7db461" data-button_text_color="ffffff" data-product_modal="false" data-product_title_color="000000" data-next_page_button_text="Next page"></div>

<script type="text/javascript">
document.getElementById(&#39;ShopifyEmbedScript&#39;) || document.write(&#39;<script type="text/javascript" src="https://widgets.shopifyapps.com/assets/widgets/embed/client.js" id="ShopifyEmbedScript">&lt;\/script&gt;&#39;);
</script><noscript><a href="https://yourstorename.myshopify.com/cart/1590898625:1" target="_blank">Ürününüzü satın alma</a></noscript> 
  1. Değişikliklerinizi kaydedin.

Satın Al Düğmesini düzenleme

Mevcut bir Satın Al Düğmesinin görünümünü veya ayarlarını değiştirmek için kaynak HTML'de görünen yerleştirme kodunda, ana div etiketinin içeriğini düzenlemeniz gerekir:

 

<div data-embed_type="product" data-shop="yourstorename.myshopify.com" data-product_name="Product Name" data-product_handle="product-name" data-has_image="true" data-display_size="compact" data-redirect_to="checkout" data-buy_button_text="Buy now" data-buy_button_out_of_stock_text="Out of Stock" data-buy_button_product_unavailable_text="Unavailable" data-button_background_color="7db461" data-button_text_color="ffffff" data-product_modal="false" data-product_title_color="000000" data-next_page_button_text="Next page"></div>

 

Ekli Satın Al Düğmesinin her bir özelliği ana div etiketindeki ayrı bir özellikle denetlenir. Bu özellikleri doğrudan kaynak HTML'de ekleyebilir, kaldırabilir veya güncelleyebilirsiniz.

Örneğin, mevcut bir Satın Al Düğmesinin, kullanıcıyı ödeme sayfası yerine ürün sayfasına yönlendirmesini istiyorsanız:

  1. Değiştirmek istediğiniz Satın Al Düğmesini içeren sayfanın HTML'sini açın.

  2. Satın al düğmesi yerleştirme kodunun ana div etiketinde bulunan data-redirect_to özelliğini bulun:

    data-redirect_to="checkout"

  3. Özelliğin değerini product (ürün) olarak değiştirin:

    data-redirect_to="product"

  4. Değişikliklerinizi kaydedin.

Bir Satın Al Düğmesinin ana div etiketi, düzenleyebileceğiniz birçok özelliğe sahiptir:

Düzenlenebilir Satın Al Düğmesi etiketi özellikleri
Özellik Değer Varsayılan
data-shop Düğmeye bağlı myshopify alan adı (storename.myshopify.com gibi). Shopify alan adınız
data-product_handle Öne çıkan ürünün, ürünün başlığını temel alan tanıtıcısı. Ürünlerinizin her biri, Shopify'da benzersiz bir tanıtıcıya sahiptir. Öne çıkan ürünün tanıtıcısı
data-embed_type Satın Al Düğmelerinin, ekli koleksiyonların ve ekli sepetlerin yerleştirme kodunu ayırt eder. Olası değerler, product, cart, collection şeklindedir. ürün
data-display_size Tüm eklemenin maksimum genişliği (düğmenin değil). compact (230 piksel) veya regular (450 piksel) olabilir. Yalnızca tek bir Ürün Satın Al Düğmesine uygulanır. compact
data-has_image full product embed (tam ürün ekleme) (true) veya Buy Button only (Yalnızca Satın Al düğmesi) (false) olup olmaması. true
data-redirect_to Satın Al Düğmesi bağlantısının verildiği yerdir. Bu, checkout, product veya cart olabilir. Satın Al Düğmesi'nin aynı sayfada ekli bir sepetle bağlanmasını istiyorsanız data-redirect_to, cart olmalıdır. ödeme
data-product_modal Bir ürüne tıklandığında gösterilecek ürün modunu tetikler. data-redirect_to değeri modal ise, bu özellik true olmak zorundadır, aksi takdirde false olmalıdır. false
data-buy_button_text Satın Al Düğmesi üzerinde gösterilen metin. Buy now (Hemen satın al)
data-button_background_color Satın Al düğmesinin renginin # olmayan hex kodu. Üç veya altı hex karakteri olabilir. 7db461
data-button_text_color Satın Al Düğmesi metni renginin # olmayan hex kodu. Üç veya altı hex karakteri olabilir. ffffff
data-background_color Satın Al Düğmesi çevresindeki alanın arka plan rengi. Bu, (yukarıdaki kurallara göre) bir hex kodu veya şeffaf olabilir. Eğer şeffaf ise eklemenin içeriğine dolgu uygulanmaz. transparent
data-show_product_price Ürün fiyatının görüntülenip görüntülenmeyeceğini geçersiz kılar. Bu true veya false olabilir. data-has_image özelliğinin geçerli değeri
data-show_product_title Ürün başlığının görüntülenip görüntülenmeyeceğini geçersiz kılar. Bu true veya false olabilir. data-has_image özelliğinin geçerli değeri
data-buy_button_out_of_stock_text Ürün stokta olmadığında görünen metin. Out of Stock (Stokta Yok)
data-buy_button_product_unavailable_text Ürün kullanılamadığında görünen metin. Unavailable (Kullanım dışı)
data-product_title_color Ürün başlığı metni renginin # olmayan hex kodu. Üç veya altı hex karakteri olabilir. 000000

Web sitenizin sepetini düzenleme

Web sitenizin sepet görünümünü veya davranışını değiştirmek istiyorsanız ayrı bir HTML kodu parçacığı eklemeniz ve ardından bunun özelliklerini düzenlemeniz gerekir. Her bir özellik, sepetin görünüm veya çalışma şeklinin farklı bir bölümünü kontrol eder.

Web sitenizin sepetini düzenlemek için:

  1. Düzenlemek istediğiniz sepeti içeren sayfanın HTML'sini açın.

  2. Aşağıdaki kodu yapıştırın:

<div data-sticky="true" data-embed_type="cart" data-shop="your-shop-name.myshopify.com"></div>
<script type="text/javascript">document.getElementById('ShopifyEmbedScript') || document.write('<script type="text/javascript" src="https://widgets.shopifyapps.com/assets/widgets/embed/client.js" id="ShopifyEmbedScript"><\/script>');</script>
  1. Mağazanızın myshopify.com adresiyle your-shop-name.myshopify.com adresini değiştirin.

  2. İlgili nitelikleri sepetin ana div etiketine ekleyin ve istediğiniz değeri içerecek şekilde değiştirin. Örneğin, sepetin üst tarafında görünen metni değiştirmek istiyorsanız kod parçacığındaki ana div etiketine data-cart_title="your text" özelliğini eklemeniz gerekir. Sonuç şu şekilde görünür:

<div data-sticky="true" data-embed_type="cart" data-shop="your-shop-name.myshopify.com" data-cart_title="your text">
  1. İşlemi tamamladığınızda değişikliklerinizi kaydedin.

Sepet özellikleri

Web sitenizin sepetinizi özelleştirmek için kullanabileceğiniz birçok özellik vardır:

Sepet özelleştirme özellikleri
Özellik Değer Varsayılan
data-shop İlgili myshopify alan adı (örneğin, storename.myshopify.com). Shopify alan adınız
data-embed_type Satın Al Düğmelerinin, ekli koleksiyonların ve ekli sepetlerin yerleştirme kodunu ayırt eder. Olası değerler, product, cart, collection şeklindedir. sepet
data-checkout_button_text Sepetten ödeme sayfasına yönlendiren düğmede görüntülenen metin (sepet düğmesi değil). Ödeme
data-button_text_color Satın Al Düğmesi metni renginin # olmayan hex kodu. Üç veya altı hex karakteri olabilir. ffffff
data-button_background_color Satın Al düğmesinin renginin # olmayan hex kodu. Üç veya altı hex karakteri olabilir. 7db461
data-background_color Ekli sepet çevresindeki alanın arka plan rengi. Bu, (yukarıdaki kurallara göre) bir hex kodu veya şeffaf olabilir. Eğer şeffaf ise eklemenin içeriğine dolgu uygulanmaz. transparent
data-text_color Satın Al Düğmesi metni renginin # olmayan hex kodu. Üç veya altı hex karakteri olabilir. 000000
data-accent_color Sepetin etrafında görünen kenarlık renginin # olmayan hex kodu. Üç veya altı hex karakteri olabilir. 000000
data-cart_title Bir sayfada açıkken ekli sepetin üst tarafında görünen metin. Your cart (Sepetiniz)
data-cart_total_text Ekli sepetteki toplam tutarın yanında görünen metin. Total (Toplam)
data-discount_notice_text Ekli sepette görünen indirim bildirimi. Shipping and discount codes are added at checkout. (Kargo ve indirim kodları ödeme sayfasında eklenir.)
data-sticky Düğmenin, işaretlemeye yerleştirildiği yerde görüneceğini veya sayfanın yanına yapışacağını gösterir. Yakın zamanda oluşturulan ekli sepetlerde bu, yerleştirme kodu çıktısında true olarak ayarlanmış olmalıdır. false
data-empty_cart_text Sepet boş olduğunda görünen metin. Your cart is empty (Sepetiniz boş)
data-next_page_button_text Ekli bir koleksiyonda Sonraki sayfa düğmesi üzerinde görünen metin. Next page (Sonraki sayfa)

Ekli koleksiyonu düzenleme

Ekli bir koleksiyonun yerleştirme kodu, iki div öğesini içerir. İlk div öğesi, ekli sepetin kodunu içerir ve ikinci div de koleksiyondaki her ürün için mod pencere düğmesi formunu alan ekli Satın Al Düğmelerinin kodunu içerir.

İkinci div öğesi ayrıca aşağıdaki özellikleri içerir:

Satın Al Düğmesi kodundaki özelliklerin tanımı
Özellik Değer Varsayılan
data-collection_handle Öne çıkan koleksiyonun, koleksiyon başlığını temel alan tanıtıcısı. Koleksiyonlarınızın her biri, Shopify'da benzersiz bir tanıtıcıya sahiptir. Öne çıkan koleksiyonun tanıtıcısı
data-embed_type Satın Al Düğmelerinin, ekli koleksiyonların ve ekli sepetlerin yerleştirme kodunu ayırt eder. Olası değerler, product, cart, collection şeklindedir. collection

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

Ücretsiz olarak dene