Xây dựng web bằng elementor

 Nguồn Elementor Pro
- Tại đây
- Hoặc tại đây

1- Video 

- Tạo cả 1 shop bán hàng
https://www.youtube.com/watch?v=yEh7r7Pc6GE
-Tạo trang shop tiếng việt 
https://www.youtube.com/watch?v=jHLjuUgE-To

- Tạo Header chi tiết từ đầu
https://www.youtube.com/watch?v=8lFEdJnc8ck
- Tạo Header cho mobile
https://www.youtube.com/watch?v=ndh4raUtueQ

- Sửa giao diện trên mobile
https://www.youtube.com/watch?v=EqFxeluk4U4

- Tạo trang product page
https://www.youtube.com/watch?v=Noad37zWpj0

2- Thư viện tạo header
Nguồn gốc

Mẫu 1: https://live.mcstarters.com/elementor-header/34th-specular-elementor-header/
Download

Mẫu 2: https://live.mcstarters.com/elementor-header/25th-cascade-elementor-header/
Downlload


3- Elementor KIT
http://www.wpfastworld.com/24/elements-kit-elementor-addons-header-footer-builder-megamenu-builder-layout-library-wordpress-plugin-free-download/

4- Sử dụng short code vào elementer
https://woocommerce.com/document/woocommerce-shortcodes/
https://woocommerce.com/document/woocommerce-blocks/
https://wordpress.org/plugins/woocommerce-shortcodes/

4- Các note lưu ý
- Menu header nav trên mobile sổ dọc và căn giữa
Chuyển chỉnh sửa Elementor -->Chọn menu --> Nội dung --> Kéo xuống dưới --> Tích Full width 

- Menu luôn ở top khi cuộn xuống. (Chỉ làm được trên bàn PRO)
Chuyển chỉnh sửa Elementor --> Sang Tab Nâng Cao --> Hiệu ứng chuyển động --> Scrolling Effects

- Di Chuột button,nền thay đổi:
Chuyển chỉnh sửa Elementor --> Tab Nội Dung trên cùng --> Layout --> Pointer -->Background

- Di menu cấp 2 header xa menu chính
Chuyển chỉnh sửa Elementor --> Tab Kiểu trên cùng --> Dropdown --> Chỉnh Distance =2

- Trang Sản Phẩm chi tiết, sửa giá cũ chữ bé, giá bán chữ to
Chuyển chỉnh sửa Elementor --> Tab Kiểu trên cùng --> Price giá cũ (chữ bé) --> Sale Price giá mới to

Nhận xét

Đăng nhận xét

Bài đăng phổ biến từ blog này

Cách dùng hàm IF trong Excel 2016, 2010, 2019 đơn giản

Hình ảnh
  Cú pháp hàm IF và cách dùng: Hàm IF là một trong những hàm logic cho phép đánh giá một điều kiện nhất định và trả về giá trị mà bạn chỉ định nếu điều kiện là  TRUE  và trả về một giá trị khác nếu điều kiện là  FALSE Cú pháp cho hàm  IF  như sau: IF (logical_test, [value_if_true], [value_if_false]) Như bạn thấy, hàm  IF  có 3 tham số, nhưng chỉ có tham số đầu tiên là bắt buộc phải có, còn 2 tham số còn lại là không bắt buộc logical_test : Là một giá trị hay biểu thức logic có giá trị  TRUE  (đúng) hoặc  FALSE  (sai). Bắt buộc phải có. Đối với tham số này, bạn có thể chỉ rõ đó là ký tự, ngày tháng, con số hay bất cứ biểu thức so sánh nào. Ví dụ: Biểu thức logic của bạn có thể là hoặc B1=”sold”, B1<12/1/2014, B1=10 hoặc B1>10. Value_if_true : Là giá trị mà hàm sẽ trả về nếu biểu thức logic cho giá trị  TRUE  hay nói cách khác là điều kiện thỏa mãn. Không bắt buộc phải có. Ví dụ: Công thức sau sẽ trả về từ “Good”...
Đọc thêm

Sửa sản phẩm tương tự trong Flatsome

  Bạn đã làm xong Website, mọi thứ đều hoàn hảo. Cho đến khi bạn thấy   sản phẩm tương tự (related product)   hiển thị cuối cùng lại đưa ra những sản phẩm tùm lum ở đâu,   không nhất quán theo danh mục   gì cả. Câu trả lời là do cách hiển thị sản phẩm tương tự trong Woocommerce là theo   Danh mục   và   Thẻ , vì thế nó sẽ hiển thị những sản phẩm có cùng 1 trong 2 yếu tố này để đưa vào “ Sản phẩm tương tự “. Trong bài này, Liêm sẽ hướng dẫn bạn cách hiển  sản phẩm tương tự trong Woocommerce theo danh mục  để cho trang sản phẩm đỡ rối mắt nhé. Hướng dẫn sửa code hiển thị sản phẩm tương tự trong Woocommerce Để có thể cho website hiển thị sản phẩm tương tự theo danh mục các truy cập vào Plugin Woocomerce theo đường dẫn sau: Vào quản trị Vào Giao diện Vào “Sửa giao diện” Chọn Flatsome Tìm mục Woocommerce, click vào Tìm Single-Product, click vào Chọn Related.php Thay thế bằng đoạn code dưới đây <?php /** * Related Products * * This template...
Đọc thêm