Hướng dẫn custom trang chi tiết sản phẩm flatsome theme

Hôm nay chợ WordPress sẽ hướng dẫn custom trang chi tiết sản phẩm flatsome theme, tạo layout trang chi tiết sản phẩm bằng UX Blocks, bạn có thể tùy chỉnh cấu trúc của trang chi tiết sản phẩm woocommerce dễ dàng theo ý bạn muốn, flatsome hỗ trợ các mã gọi là shortcode, chỉ cần bạn tạo khuôn trang chi tiết sản phẩm và gắn mã vào phần hiển thị bạn sẽ có một trang hoàn chỉnh.

Hướng dẫn custom trang chi tiết sản phẩm flatsome theme

Đầu tiên các bạn tạo 1 UX BLocks tên Custom Product Page sau đó bấm Đăng.

Sau đó các bạn vào trang chi tiết sản phẩm và rê chuột click vào Product Page.

Tiếp theo chọn Custom và chọn Custom Product Page và bấm Publish để lưu.

Như vậy là đã chọn xong trang Custom mới bây giờ chúng ta sẽ bắt đầu kéo thả hoặc thêm shortcode nhé.

Chỉnh sửa trang chi tiết Woocommerce Theme Flatsome

Các bạn vào lại trang chi tiết sản phẩm và rê Chuột vào Edit Product và click vào Edit product layout with UX Builder nhé.

Bây giờ thì các bạn kéo thả khuôn trang với Section và Row bên trong nha, chia cột bằng column

Bạn có thể quan tâm:

Sửa lỗi Gói lưu trữ không tương thích (Incompatible Archive)

Chào tất cả mọi người, ở phiên bản WordPress 6.4.3 nếu ae gặp lỗi khi upload theme hoặc plugin: Gói lưu trữ không tương thích (Incompatible Archive). Thì hãy giải nén ra rồi Zip lại file bên trong nhé là được nhé. Window thì zip bình thường bằng..

(Khoảng 9 tháng trước)0

Xóa đường dẫn /product và /product-category Woocommerce

Mặc định khi cài WordPress và Woocommerce ngôn ngữ tiếng anh sẽ hiện đường dẫn product hoặc product-category, nhưng đường dẫn quá dài và bạn muốn bỏ hết danh mục đó đi chỉ để lại đường dẫn sản phẩm hoặc đường dẫn danh mục cho gọn. Để&nbsp..

(Khoảng 11 tháng trước)0

Xóa bỏ đường dẫn /san-pham/ Trong Url Sản Phẩm Woocommerce

Đường dẫn hay còn gọi là Permalink trong WooCommerce sẽ mặc định thêm product-category (danh mục sản phẩm) và product (sản phẩm) – để phân biệt đường dẫn giữa danh mục sản phẩm và sản phẩm. Mặc định khi cài WooCommerce xong nếu là t..

(Khoảng 11 tháng trước)0

Sửa lỗi Wpml hoặc các plugin dịch không dịch ngôn ngữ mặc định

Sửa lỗi Wpml hoặc các plugin dịch không dịch ngôn ngữ mặc định, hướng dẫn Việt hóa plugin Woocommerce và giỏ hàng, khi mua key WPML xong các bạn không cài mà Woocommerce không dịch tiếng Việt vẫn hiện tiếng anh các xử lý rất đơn giản các bạn làm ..

(Khoảng 1 năm trước)0