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

Hướng Dẫn Đăng Ký Nhận Mã Giảm Giá Highland Coffee

Highland Coffee đang có nhiều chương trình khuyến mã cho khách hàng của mình. Các khuyến mãi có thể bao gồm upsize, mua 1...

Quà cuối năm 2022 từ Shopify

Năm nay nhận quà từ các đối tác công nghệ hơi bị nhiều. Mới đây mình lại nhận được quà từ Shopify. Quà về đúng...

Nhận quà từ đối tác công nghệ Recharge

Recharge là một trong những công ty chuyên cung cấp giải pháp bán hàng đăng ký định kỳ (subscription payments) cho các nền tảng...

Hướng dẫn tải video ngắn Facebook Reel miễn phí

Facebook Reels là tính năng video ngắn mới của Facebook. Nếu bạn muốn tải những video ngắn này của mọi người thì bạn có...

Lập Trình Viên 25 Tuổi Kiếm Được $30.000 Mỗi Tháng Từ Các Ứng Dụng Shopify

Mat De Sousa là một doanh nhân Pháp, anh là người đứng sau 2 ứng dụng Shopify là Wide Bundles và WideReview do chính...

BẠN XEM CHƯA

Mẹo nhỏ để nhận ngay 1 tháng VIP miễn phí cho tài khoản NhacCuaTui

Với 1 tài khoản VIP trên trang Nhaccuatui.com (NCT) người dùng có thể thoải mái nghe và tải nhạc chất lượng cao. Bạn cũng...

Fshare.vn sắp ra mắt tính năng Follow Folder

Dự kiến vào ngày 10.03.2016, Fshare.vn sẽ ra mắt tính năng theo dõi thư mục - Follow Folder. Đây là tính năng mới của...

Phía không nhau

Anh đi về phía không em Một ngày ngạo nghễ, nghìn đêm rã rời Môi khô cố thắm miệng cười Héo vàng gượng gạo nói lời tươi...

Tối ưu hóa đường dẫn cho trang web dễ dàng với .htaccess

Rewrite URL là một kỹ thuật cho phép ghi lại địa chỉ website (URL) từ dạng này thành một dạng khác. Rewrite URLs (đôi...

MegaFun Fire – Dịch vụ lưu trữ của người Việt

Nằm trong chùm dịch vụ Cổng giải trí trực tuyến MegaFun của Công ty Phần mềm và Truyền thông VASC thuộc Tập đoàn Bưu...