เพิ่มลิงก์เลือกซื้อต่อไปยังตะกร้าสินค้าของคุณ
คุณสามารถเพิ่มลิงก์เลือกซื้อต่อไปยังหน้าตะกร้าสินค้าของคุณ ซึ่งจะช่วยให้ลูกค้าสามารถกลับไปเรียกดูสินค้าได้อย่างรวดเร็วหลังจากเพิ่มสินค้าลงในตะกร้าสินค้าแล้ว โดยคุณสามารถเลือกเพิ่มลิงก์ที่จะนำลูกค้ากลับไปยังหน้าแค็ตตาล็อก กลับไปยังหน้าแรก หรือกลับไปยังหน้าคอลเลกชันล่าสุดที่พวกเขาดูอยู่ได้
เพิ่มลิงก์เลือกซื้อต่อไปยังหน้าตะกร้าสินค้าของคุณ
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
- ในไดเรกทอรีส่วน ให้คลิก
cart-template.liquid
หากธีมของคุณไม่มีไฟล์นี้ ให้คลิกcart.liquid
ในไดเรกทอรีเทมเพลต -
ค้นหาโค้ดสำหรับปุ่มการชำระเงินโดยค้นหาไฟล์
name="checkout"
บรรทัดของโค้ดสำหรับปุ่มการชำระเงินจะแตกต่างกันไปตามแต่ละธีม แต่จะมีลักษณะดังนี้:
5. ขั้นตอนต่อไปคือการวางบรรทัดโค้ดใหม่เพื่อสร้างลิงก์ “เลือกซื้อต่อ” โดยโค้ดที่คุณวางจะขึ้นอยู่กับหน้าที่คุณต้องการให้ลิงก์เชื่อมไป: * หากต้องการเพิ่มลิงก์ไปยังหน้าแค็ตตาล็อก ให้วางโค้ดต่อไปนี้ในบรรทัดใหม่ก่อนหรือหลังโค้ดสำหรับปุ่มชำระเงิน:
- หากต้องการเพิ่มลิงก์ที่เชื่อมไปยังหน้าแรกของคุณ ให้วางโค้ดดังต่อไปนี้บนบรรทัดใหม่ก่อนหรือหลังโค้ดสำหรับปุ่มการชำระเงิน:
- หากต้องการเพิ่มลิงก์ที่เชื่อมไปยังคอลเลกชันล่าสุดที่ดู ให้วางโค้ดต่อไปนี้ในบรรทัดใหม่ก่อนหรือหลังโค้ดสำหรับปุ่มการชำระเงิน:
6. คลิก “บันทึก” ซึ่งถือว่าเป็นการเสร็จสิ้นการดำเนินการแล้วหากคุณเลือกเพิ่มลิงก์ที่เชื่อมไปยังหน้าแค็ตตาล็อกหรือหน้าแรกของคุณ แต่หากคุณเพิ่มลิงก์ที่เชื่อมไปยังคอลเลกชันล่าสุดที่เรียกดู คุณยังจำเป็นต้องเพิ่ม JavaScript บางรายการไปยังโค้ดธีมของคุณ จากนั้นให้ดำเนินการตามขั้นตอนต่อไป
7. ในไดเรกทอรีเลย์เอาต์ ให้คลิก theme.liquid
8. ค้นหาแท็กปิด </body>
บริเวณด้านล่างของไฟล์ จากนั้นวางโค้ดดังต่อไปนี้เหนือแท็กปิด </body>
:
9. คลิก “บันทึก”
- จากแอป Shopify ให้แตะที่ปุ่ม …
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะจัดการธีม
- ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
- ในไดเรกทอรีส่วน ให้คลิก
cart-template.liquid
หากธีมของคุณไม่มีไฟล์นี้ ให้คลิกcart.liquid
ในไดเรกทอรีเทมเพลต -
ค้นหาโค้ดสำหรับปุ่มการชำระเงินโดยค้นหาไฟล์
name="checkout"
บรรทัดของโค้ดสำหรับปุ่มการชำระเงินจะแตกต่างกันไปตามแต่ละธีม แต่จะมีลักษณะดังนี้:
- ขั้นตอนต่อไปคือการวางบรรทัดโค้ดใหม่เพื่อสร้างลิงก์เลือกซื้อต่อ โดยโค้ดที่คุณวางจะขึ้นอยู่กับหน้าที่คุณต้องการลิงก์ไปยัง:
- หากต้องการเพิ่มลิงก์ที่เชื่อมไปยังหน้าแค็ตตาล็อกของคุณ ให้วางโค้ดต่อไปนี้ในบรรทัดใหม่ก่อนหรือหลังโค้ดสำหรับปุ่ม **การชำระเงิน*:
- หากต้องการเพิ่มลิงก์ที่เชื่อมไปยังหน้าแรกของคุณ ให้วางโค้ดดังต่อไปนี้บนบรรทัดใหม่ก่อนหรือหลังโค้ดสำหรับปุ่มการชำระเงิน:
- หากต้องการเพิ่มลิงก์ที่เชื่อมไปยังคอลเลกชันล่าสุดที่ดู ให้วางโค้ดต่อไปนี้ในบรรทัดใหม่ก่อนหรือหลังโค้ดสำหรับปุ่มการชำระเงิน:
- คลิกที่ “บันทึก” ซึ่งถือว่าเป็นการเสร็จสิ้นการดำเนินการแล้วหากคุณเลือกเพิ่มลิงก์ที่เชื่อมไปยังหน้าแค็ตตาล็อกหรือหน้าแรกของคุณ แต่หากคุณเพิ่มลิงก์ที่เชื่อมไปยังคอลเลกชันล่าสุดที่ดู คุณจะต้องเพิ่ม JavaScript บางรายการไปยังโค้ดธีมของคุณ จากนั้นให้ดำเนินการตามขั้นตอนถัดไปต่อไป
- ในไดเรกทอรีเลย์เอาต์ ให้คลิก
theme.liquid
-
ค้นหาแท็กปิด
</body>
ใกล้กับด้านล่างของไฟล์ วางโค้ดดังต่อไปนี้เหนือแท็กปิด</body>
:
- คลิกที่ “บันทึก”
- จากแอป Shopify ให้แตะที่ปุ่ม …
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะจัดการธีม
- ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
- ในไดเรกทอรีส่วน ให้คลิก
cart-template.liquid
หากธีมของคุณไม่มีไฟล์นี้ ให้คลิกcart.liquid
ในไดเรกทอรีเทมเพลต -
ค้นหาโค้ดสำหรับปุ่มการชำระเงินโดยค้นหาไฟล์
name="checkout"
บรรทัดของโค้ดสำหรับปุ่มการชำระเงินจะแตกต่างกันไปตามแต่ละธีม แต่จะมีลักษณะดังนี้:
- ขั้นตอนต่อไปคือการวางบรรทัดโค้ดใหม่เพื่อสร้างลิงก์เลือกซื้อต่อ โดยโค้ดที่คุณวางจะขึ้นอยู่กับหน้าที่คุณต้องการลิงก์ไปยัง:
- หากต้องการเพิ่มลิงก์ที่เชื่อมไปยังหน้าแค็ตตาล็อกของคุณ ให้วางโค้ดต่อไปนี้ในบรรทัดใหม่ก่อนหรือหลังโค้ดสำหรับปุ่ม **การชำระเงิน*:
- หากต้องการเพิ่มลิงก์ที่เชื่อมไปยังหน้าแรกของคุณ ให้วางโค้ดดังต่อไปนี้บนบรรทัดใหม่ก่อนหรือหลังโค้ดสำหรับปุ่มการชำระเงิน:
- หากต้องการเพิ่มลิงก์ที่เชื่อมไปยังคอลเลกชันล่าสุดที่ดู ให้วางโค้ดต่อไปนี้ในบรรทัดใหม่ก่อนหรือหลังโค้ดสำหรับปุ่มการชำระเงิน:
- คลิกที่ “บันทึก” ซึ่งถือว่าเป็นการเสร็จสิ้นการดำเนินการแล้วหากคุณเลือกเพิ่มลิงก์ที่เชื่อมไปยังหน้าแค็ตตาล็อกหรือหน้าแรกของคุณ แต่หากคุณเพิ่มลิงก์ที่เชื่อมไปยังคอลเลกชันล่าสุดที่ดู คุณจะต้องเพิ่ม JavaScript บางรายการไปยังโค้ดธีมของคุณ จากนั้นให้ดำเนินการตามขั้นตอนถัดไปต่อไป
- ในไดเรกทอรีเลย์เอาต์ ให้คลิก
theme.liquid
-
ค้นหาแท็กปิด
</body>
ใกล้กับด้านล่างของไฟล์ วางโค้ดดังต่อไปนี้เหนือแท็กปิด</body>
:
- คลิกที่ “บันทึก”
เพิ่มรูปแบบปุ่ม (ไม่บังคับ)
หากคุณใช้ธีมฟรีของ Shopify คุณสามารถใส่รูปแบบให้กับลิงก์เลือกซื้อต่อเพื่อให้ดูเหมือนปุ่มได้ เมื่อเพิ่มแอตทริบิวต์คลาสให้กับโค้ดสำหรับลิงก์ปุ่มของคุณ คุณจะสามารถทำให้ปุ่มของคุณมีสไตล์เหมือนกันกับปุ่มอื่นๆ ในธีมของคุณได้ ธีมฟรีของ Shopify ทั้งหมดใช้ชื่อคลาสเดียวกันสำหรับสไตล์ปุ่มหลัก และส่วนใหญ่ก็จะใช้ชื่อคลาสเดียวกันสำหรับสไตล์ปุ่มรองด้วย
หากต้องการนำการกำหนดสไตล์ปุ่มหลักไปใช้ในลิงก์เลือกซื้อต่อ:
เพิ่มแอตทริบิวต์ class="btn"
ไปยังบรรทัดของโค้ดที่คุณวางเพื่อเพิ่มลิงก์เลือกซื้อต่อ โค้ดของคุณควรมีลักษณะดังนี้:
วิธีใช้รูปแบบปุ่มรองกับลิงก์เลือกซื้อต่อของคุณ:
หากคุณใช้ธีม Supply ให้เพิ่มคุณลักษณะ class="btn--secondary"
ไปยังบรรทัดของโค้ดที่คุณวางไว้เพื่อเพิ่มลิงก์เลือกซื้อต่อ โค้ดของคุณควรจะมีลักษณะดังนี้:
หากคุณใช้ธีม Supply ให้เพิ่มคุณลักษณะ class="btn-secondary"
ไปยังบรรทัดของโค้ดที่คุณวางไว้เพื่อเพิ่มลิงก์เลือกซื้อต่อ โค้ดของคุณควรจะมีลักษณะดังนี้: