[Flatsome] – Hướng dẫn tạo element Slider with Thumnail với Flatsome

8381 lượt xem
Mẹo nhỏ: Để tìm kiếm chính xác các ấn phẩm của GiuseArt.com, hãy search trên Google với cú pháp: "Từ khóa" + "giuseart". (Ví dụ: thiệp tân linh mục giuseart). Tìm kiếm ngay

Chào các bạn, hôm nay mình chia sẻ các tạo element Slider with Thumnail với theme Flatsome, bài viết hữu ích cho các bạn làm web Flatsome cần tùy biến slider với các hình ảnh thu nhỏ bên dưới để phù hợp với nhu cầu.

Kết quả bài làm chúng ta sẽ được slider như hình dưới:

Giuseart.com---Tạo-element-Slider-with-Thumnail-với-Flatsome
Giuseart.com – Tạo element Slider with Thumnail với Flatsome

Bước 1: Code phần backend cho Slider

Các bạn copy đoạn code dưới đây vào Giao diện – Sửa – Funtion.php

Bước 2: Code hiển thị ra Front-end

Các bạn copy đoạn code dưới vào Giao diện – Sửa – Function.php xuống dưới đoạn vừa làm là được.

Bước 3: Tùy chỉnh CSS làm đẹp

Các bạn vào Giao diện – Tùy biến – Style – Custom CSS – Custom CSS (khung đầu tiên), sau đó paste đoạn code CSS này vào:

Các bạn lưu lại và vào Ux builder – Chèn element “Slider with Thumnail” để tạo được slider ảnh với ảnh thu nhỏ bên dưới như hình nha!

Giuseart.com---Tạo-element-Slider-with-Thumnail-với-Flatsome
Giuseart.com—Tạo-element-Slider-with-Thumnail-với-Flatsome

 

5/5 - (3 bình chọn)
Chia sẻ bài viết:

Thông báo chính thức: Ninh Bình Web (thuộc GiuseArt) không hợp tác với bất kỳ ai để bán giao diện Wordpress và cũng không bán ở bất kỳ kênh nào ngoại trừ Facebookzalo chính thức.

Chúng tôi chỉ support cho những khách hàng mua source code chính chủ. Tiền nào của nấy, khách hàng cân nhắc không nên ham rẻ để mua phải source code không rõ nguồn gốc và không có support về sau! Xin cám ơn!

Thẻ tìm kiếm:

Bài viết mới cập nhật:

1 những suy nghĩ trên “[Flatsome] – Hướng dẫn tạo element Slider with Thumnail với Flatsome

  1. Đoàn Quang Tới nói:

    Chia sẽ của bạn rất hay. Slider Flatsome đang không có lựa chọn số item trên mỗi Slider . Ví dụ: PC: 5 item, tablet: 3 item, mobile: 1 item. Bạn có thể thêm nó được không

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *