Trang chủ Lập trình Shopify Liquid Cách tạo thanh thông báo trượt trên đầu trang web Shopify

Cách tạo thanh thông báo trượt trên đầu trang web Shopify

Thông báo trên đầu trang (announcement bar) là vị trí cũng như giải pháp tốt nhất để truyền tải thông điệp đến khách truy cập hiệu quả nhất. Tuy nhiên nó có thể gặp hạn chế về nội dung vì không gian này tương đối nhỏ nên tốt nhất là bạn chỉ có thể chia sẻ một thông báo ngắn. Nếu bạn muốn chia sẻ nhiều hơn thì sao? Đơn giản thôi, bạn hãy biến nó thành 1 slide để có thể chia sẻ nhiều hơn. Bài viết này sẽ hướng dẫn bạn các tạo các thanh báo trên đầu trang kiểu slide.

Bước 1: Tạo 1 section mới

  1. Từ trang admin bạn truy cập Online Store > Themes
  2. Click vào Actions và chọn Edit Code.
  3. Trong thư mục Sections bạn hãy bấm vào liên kết Add a new section
  4. Đặt tên cho section mới này là hura-announcement-bar
  5. Bạn sử dụng đoạn mã sau đây cho section mới này
  6. Bạn bấm Save để lưu lại.

Bước 2: Chèn section vào vị trí đầu trang

  1. Trong thư mục Layout chọn mở tập tin theme.liquid
  2. Trong phần mã của tập tin này bạn hãy tìm đến dòng {% section 'header' %} và hãy chèn đoạn mã bên dưới vào ngay trước nó

  3. Bạn hãy lưu lại

Bước 3: Thiết lập thanh trượt thông báo

  1. Từ trang admin bạn truy cập Online Store > Themes
  2. Bấm vào Customize
  3. Bạn sẽ nhìn thấy một section mới là Announcement Bar
  4. Tại đây bạn có thể tuỳ chỉnh bật / tắt hoặc thiết lập các thông số màu sắc cũng như tốc độ của thanh trượt. Bạn bấm vào liên kết Add Message để thêm các thông báo – mỗi thông báo là 1 slide.
  5. Sau cùng bạn bấm Save để lưu lại và có thể trở ra trang web để kiểm tra.

Chúc các bạn thành công.

Huỳnh Mai Anh Kiệt

- Advertisement -
Huỳnh Mai Anh Kiệthttps://anhkiet.biz
Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên cho Hura Apps - một startup nhỏ về công nghệ tại Quy Nhơn.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

BÀI VIẾT MỚI

Trang web hỗ trợ tìm kiếm trên Facebook

Facebook là mạng xã hội lớn nhất hiện nay. Thông tin được người dùng chia sẻ trên mạng xã hội này là vô cùng...

Giới thiệu một số công nghệ, dịch vụ mà Hura Apps đang dùng cho mô hình SaaS

Hura Apps là nhóm phát triển các ứng dụng web hỗ trợ cho nền tảng Shopify. Hura Apps hoạt động theo mô hình SaaS....

Hành trình kiếm 500 triệu/tháng từ việc xuất bản ứng dụng lên Shopify App Store

Đây là câu chuyện của một lập trình viên người Pháp có tên Axel Hardy được chính anh chia sẻ trên Twitter của mình....

Hura Apps nhận được gói hỗ trợ khởi nghiệp $10.000 từ Amazon Web Services

Mới đây Hura Apps đã nhận được gói hỗ trợ khởi nghiệp $10.000 từ Amazon Web Services. Đây là gói hỗ trợ dành cho Hura...

PayPal đang phát triển đồng stablecoin của riêng mình

Công ty PayPal đang tích cực làm việc để ra mắt stablecoin của riêng mình như là một phần của việc thúc đẩy sử...

BẠN XEM CHƯA

Quét virus với 42 công cụ hàng đầu

Dịch vụ quét virus trực tuyến VirusTotal (www.virustotal.com) cung cấp cho người dùng 42 công cụ quét virus hàng đầu thế giới. Nếu bạn...

Thiết lập lại chương trình mở tập tin sau khi nâng cấp Windows 10

Nếu máy tính của bạn vừa nâng cấp thành công lên bản cập nhật mới nhất của Windows 10 thì các phần mềm mở...

Cổng thông tin điện tử phường Nhơn Hưng – An Nhơn – Bình Định bị tấn công

Theo thông tin đăng tải trên một diễn đàn hacker thì 1 cổng thông tin có tên miền chính phủ của tỉnh Bình Định...

Cùng Firefox vượt qua trang quảng cáo của Adf.Ly

Adf.ly (www.adf.ly) là dịch vụ rút gọn link liên kết. Adf.ly đang được sử dụng rộng rãi vì nó hỗ trợ người dùng kiếm...

Sở hữu hosting tại iPage chỉ với 1USD/tháng

iPage được đánh giá là dịch vụ lưu trữ web top 10 của thế giới. Bản thân mình cũng đang sử dụng dịch vụ...