Flatsome là giao diện chuyên dùng tạo website bán hàng cho nền tảng WordPress khá nổi tiếng. Họ có một bộ buider riêng mang tên là UI Builder, khá là nhẹ nhàng và hiệu quả.
Tuy nhiên đôi khi chuyển qua chế độ builder để chỉnh sửa thì bị lỗi không load được buider và hiện thông báo Loading UX Builder với vòng xoay tròn loading mãi.
Có 3 nguyên nhân chủ yếu dẫn đến lỗi này
1. Xung đột Plugin, Code hoặc Update bản WordPress mới
Cách khắc phục: Nếu bạn phạm phải 3 điều trên hãy từ từ gỡ bỏ đi và để nó hoạt động lại với trạng thái lúc chưa bị lỗi xem được không?
Nếu các bác dùng apache, thì chỉ cần thêm dòng này vào file .htaccess
1
2
3
|
<IfModule mod_rewrite.c> Header always append X-Frame-Options SAMEORIGIN </IfModule> |
Chúc bạn thành công.
2. Lỗi do host, vps
max_input_vars = 6000;
memory_limit = 256M; //hoặc 128MKhông thì set wp-config.php cũng được:
define(‘WP_MEMORY_LIMIT’, ‘128M’);
Kiểm tra thấy vps này có cầu hình memory limit là 128M yếu hơn các vps khách nên đã tăng cấu hình này lên 3G, để các plugin cần nhiều ram như uxbuilder chạy ổn định hơn,
Lỗi này là hay gặp nhất vì đơn giản host ở Việt Nam lúc này lúc kia, sever hoạt động không ổn định là có thể dẫn đến lỗi UX Builder Flatsome Loading, lúc này bạn hãy quay lại chỉnh sửa vào thời gian khác xem sao hoặc hãy chuyển website qua 1 host khác test xem sao.
3. Lỗi do trình duyệt và đường truyền internet
Lỗi này cũng hay gặp, hãy thử đổi sang trình duyệt khác và 1 vị trí nào đó hoặc máy tính khác mà internet chạy nhanh hơn…
Nếu bạn nhận được màn hình đen hoặc gặp sự cố khi mở UX Builder, hãy thử các bước sau:
- Tăng giới hạn bộ nhớ: WordPress Memory Limit trên 128MB . Bạn nên có ít nhất 128MB (256MB thậm chí còn tốt hơn).
- Đảm bảo bạn đã cài đặt ít nhất PHP 5.6 hoặc 7.0. Bạn có thể kiểm tra trong WooCommerce → Trạng thái hệ thống – WooCommerce → System status
- Đảm bảo bạn đã cài đặt WordPress 4.5 ít nhất.
Nếu điều đó không có tác dụng thì có thể có một xung đột về plugin. Thử đi:
- Tắt tất cả plugin.
- Kiểm tra xem bạn vẫn không thể mở Trình tùy chỉnh hoặc Trình dựng UX.
- Nếu nó hoạt động, hãy thử kích hoạt lại các plugin một lần và kiểm tra.
CHÚ Ý : TRƯỚC KHI CHỈNH SỬA HỆ THỐNG VPS THÌ NÊN BACKUP DỮ LIỆU TRƯỚC KHI THỰC HIỆN EDIT
Bài viết chỉ mang tính chất tham khảo theo từng nguyên nhân nhất định – các bạn hãy backup trước khi làm…
Có nhiều nguyên nhân dẫn đến tình trạng này, tuy nhiên trong trường hợp này, khi bấm nút F12 để chuyển vào Console của trình duyệt thì nhận được thông báo lỗi
Load denied by X-Frame-Options…
Vps thiếu hàm cần thêm
add_header X-Frame-Options SAMEORIGIN
Sau đó lưu lại và khởi động lại nginx là sẽ khắc phục được lỗi…
Nếu các bác dùng apache, thì chỉ cần thêm dòng này vào file .htaccess
1
2
3
|
<IfModule mod_rewrite.c> Header always append X-Frame-Options SAMEORIGIN </IfModule> |
Chúc bạn thành công.
Vậy do lỗi Flatsome hay sao các bác? Có bác nào dùng Flatsome bản quyền mà cũng bị không?– Update fix lỗi:
set 2 thông số php.ini
max_input_vars = 6000;
memory_limit = 256M; //hoặc 128MKhông thì set wp-config.php cũng được:
define(‘WP_MEMORY_LIMIT’, ‘128M’);
Kiểm tra thấy vps này có cầu hình memory limit là 128M yếu hơn các vps khách nên đã tăng cấu hình này lên 3G, để các plugin cần nhiều ram như uxbuilder chạy ổn định hơn,
Mở trình duyệt ẩn danh, xóa cache Chorme hoặc dùng Firefox