Hướng dẫn xử lý lỗi không loading ux builder trong themes flatsome

Hướng dẫn xử lý lỗi không loading ux builder trong themes flatsome

Hướng dẫn xử lý lỗi không loading ux builder trong themes flatsome nhanh chóng và hiệu quả chỉ sau vài click chuột. Nào hãy cùng Quang đi khắc phục lỗi này để website chạy mượt và tránh làm đình trệ công việc do UX Builder lỗi nhé.


Tin liên quan:


Hướng dẫn xử lý lỗi không loading ux builder trong themes flatsome

UX Builder là một trình xây dựng trang hoàn hảo và được sử dụng phổ biến kèm theo giao diện Flatsome, tuy nhiên đôi khi bạn sẽ gặp vấn đề truy cập vào thao tác quản trị nhưng gặp tình trạng xoay tròn liên tục và không có kết quả.


Nguyên nhân chủ yếu của vấn đề này thường đến từ xung đột plugin hoặc cấu hình Memory_limit của bạn đang ở mức thấp chưa đáp ứng được với yêu cầu hệ thống mà chủ đề yêu cầu.

Bước 1: Đăng nhập vào tài khoản cPanel của bạn :

Truy cập Bảng điều khiển cPanel của bạn : => Select PHP Version


Bước 2: Tại phần này bạn có thể thêm các Extention mà mình cần :

Ví dụ như mình có thể thêm OPcache giúp tạo Cache để giảm tải cho Hosting ( Chỉ bật khi bạn không thực hiện Edit web và website đã hoạt động ổn định, nó sẽ giúp giảm tải xuống Hosting và đồng nghĩa với Hosting của bạn chịu đựng được nhiều truy cập hơn so với thông thường một chút )
=> Switch to PHP Options giúp bạn có thể tăng thông số của Hosting

Trong trường hợp cách khắc phục trên không hoạt động, bạn cần kiểm tra lại tính tương thích của mã nguồn bạn đang cấu hình bằng cách tắt từng plugin có thể gây xung đột để kiểm tra thêm bạn nhé.

Khắc phục lỗi flatsome cơ bản

Để flatsome chạy tốt, máy chủ web của bạn cần có cấu hình tối thiểu. Dưới đây là một số bước để bạn kiểm tra và những vấn đề bạn có thể gặp phải:

  1. Khuyến nghị cấu hình tối thiểu cho máy chủ web chạy flatsome:
    • PHP 7.1 hoặc hơn
    • MySQL 5.6 hoặc MariaDB 10.0 hoặc hơn
    • Bộ nhớ tối thiểu 256M hoặc tăng giới hạn bộ nhớ cho WordPress
    • Cài đặt SSL

    Cấu hình PHP:

    Setting Value
    max_execution_time 180
    memory_limit 256M
    post_max_size 32M
    upload_max_filesize 32M
  2. Đảm bảo plugins & theme được cập nhật mới nhất.
  3. Xóa toàn bộ cache trong WordPress bao gồm cache của trình duyệt
  4. Lỗi Chrome developer console.
    Web console cho phép bạn theo dõi lỗi javascript. Để mở console bạn nhấn phím (F12 or Ctrl+Shift+I). VD:
  5. Kiểm tra CSS bạn thêm trong flatsome builder hay viết vào functions.php
  6. Bật theo dõi log để phát hiện lỗi PHP.
  7. Vô hiệu hóa plugins trừ WooCommerce & kiểm tra lỗi một lần nữa.
  8. Nếu vẫn còn lỗi, hãy kích hoạt theme WordPress mặc định.

Lỗi thiếu Stylesheet

Một lỗi phổ biến khác có thể xảy ra với người dùng mới bắt đầu cài theme WordPress là “Broken theme and/or stylesheets missing” hoặc “The theme is missing the style.css stylesheet” khi bạn tải theme vào WordPress và kích hoạt nó.

Lỗi này không có nghĩa bạn mua theme WordPress bị lỗi, có thể bạn làm sai các bước khi cài đặt Theme. Xem các bước dưới đây:

  1. Tải theme flatsome
  2. Giải nén zip, bạn sẽ thấy folder `final` -> lưu ý: bên trong folder này chứa file theme, bạn upload theme chứ đừng upload folder này.
  3. Trong thư mục theme bạn sẽ thấy tệp ‘style.css’.
  4. Sử dụng phần mềm FTP & tải thư mục theme lên thư mục ‘wp-content/themes’
  5. Đăng nhập vào wordpress và kích hoạt theme.

Lưu ý: Nếu bạn không muốn tải theme thông qua ứng dụng FTP, bạn cũng có thể tải theme lên ngay trong quản trị WP, bằng cách truy cập Plugins > add new & nhấn nút upload.

Lỗi trang cửa hàng WooCommerce

Sau khi nâng cấp WordPress hoặc nâng cấp WooCommerce bạn thấy trang cửa hàng WooCommerce bị lỗi? Vấn đề này sẽ được sử lý khá đơn giản bằng cách truy cập WooCommerce → Settings → Products → Display và chọn trang Shop. Nếu lỗi vẫn chưa được khắc phục bạn có thể tắt ‘Template Debug Mode’ trong phần Woocommerce → System Status → Tools.

Lỗi thiếu theme options / Customizer và UX Builder

Lỗi trắng trang khi truy cập trang Theme Options hoặc UX Builder có thể hay gặp khi cài theme Flatsome. Nếu bạn gặp lỗi này, hãy làm theo các bước dưới đây:

  1. Tăng bộ nhớ trong WordPress. Khuyến nghị bộ nhớ từ 256MB trở lên.
  2. Sử dụng PHP 5.6 trở lên. Bạn có thể kiểm tra tại WooCommerce → System status
  3. Cài đặt WordPress 4.5+

Trong trường hợp xung đột plugins, bạn có thể tắt/vô hiệu hóa plugins & kích hoạt từng plugin một để phát hiện ra plugin gây lỗi.

Chuyên Mục: WordPress Themes
Show Buttons
Hide Buttons