Hướng Dẫn Đăng Sản Phẩm Mới Với Elementor

Bài viết dành riêng cho các website có sản phẩm được viết 100% bằng Elementor

Layout cho trang sản phẩm thường được mình viết khá phức tạp, vì thế việc tạo 1 sản phẩm mới trước đây khá là khó khăn với các bạn.

Nhưng từ Elementor 2.1, chúng ta có thêm 1 chức năng mới vô cùng hay giúp tiết kiệm hàng tá thời gian lưu teamplate rồi import khi muốn đăng sản phẩm mới, bây giờ để tạo 1 sản phẩm mới chỉ cần vài setting, sau đó copy +dán là được.

Hướng dẫn tạo sản phẩm mới với Elementor

 1. Thêm sản phẩm

 nếu bạn muốn sửa sản phẩm thì bỏ qua bước này

Tùy theo định dạng bài viết, có thể là dịch vụ, xe oto, môn học.. các bạn vào click vào menu dấu cộng trên cùng của trang để thêm mới:

Ở đây mình muốn thêm 1 sản phẩm “xe” mới, mình sẽ click vào hình dấu cộng trên cùng –> Xe

 

 Những cài đặt căn bản:

Bạn điền lần lượt các trường căn bản: tên sản phẩm, ảnh đại diện, giá và các trường tùy biến khác mà mình đã tạo sẵn(nếu có).

Nếu sản phẩm của bạn thêm yêu cầu trang sản phẩm phải rộng full-width, không có sidebar, các bạn chú ý các cài đặt sau.

 

  1. Tại phần {sản phẩm} Attibutes – chọn Elementor Full Width
  2. Tại Phần OceanWP Seting–> Content Layout –> Full Width
  3. OceanWP Seting–> Tittle–>Display Page Title–> Disable ( để ẩn tiêu đề bài viết)

click đăng để đăng sản phẩm.

2. Copy layout có sẵn bằng elementor

Mở một tab mới trên trình duyệt, bạn tìm một  sản phẩm có layout phù hợp với sản phẩm bạn sắp đăng –> click sửa với elementor.

Khi elementor đã load xong, bạn kéo xuống cuối trang sẽ có phần layout như hình dưới, bạn click chuột phải vào và chọn “Copy all content”

3. Dán nội dung từ elementor

Quay lại tab làm việc cũ trên sản phẩm mới bạn đang đăng, chọn “Chỉnh sửa với elementor”

Sau khi elementor load xong, bạn chỉ cần click chuột phải vào phần nội dung, chọn “paste” là được

Sau khi có layout mà bạn mong muốn, giờ bạn sẽ chỉnh lại hình ảnh và nội dung trên trang sản phẩm mới

Nhớ update khi hoàn thiện.

Ngoài copy “toàn bộ nội dung” Elementor còn cho phép bạn copy riêng section, copy cột, copy đối tượng, copy những tùy chỉnh của đổi tượng, bạn có thể xem chi tiết qua video dưới

Bình Luận
Bình Luận

[fc id=’2′ align=’center’][/fc]

Bình Luận
yêu cầu thiết kế website