Flatsome Theme v3.16.6 đã kích hoạt sẵn bản quyền

Flatsome là theme bán hàng phổ biến nhất cho Woocommerce hiện nay với khả năng tùy biến cao và rất dễ sử dụng kể cả với người mới tìm hiểu về Wordpress. Theo số liệu thống kê tính đến 23/02/2023, theme này đã bán được 211.716 key bản quyền – luôn dẫn đầu trong danh sách theme bán hàng bán chạy nhất trên Themeforest. Ngoài ra, số lượng website sử dụng trái phép (phiên bản nulled) không có thống kê nhưng tôi nghĩ chắc phải gấp hàng chục lần con số trên.

Trong khi hầu hết các nhà phát triển Wordpress khác thiết kế nhiều theme dành cho đa mục đích sử dụng, đa lĩnh vực ngành nghề khác nhau, thì nhóm phát triển Flatsome chỉ tập trung vào xây dựng 1 theme duy nhất là Flatsome và tối ưu theme này cho mọi nhu cầu sử dụng. Có nghĩa là, ngoài mục đích chính là làm website bán hàng Woocommerce, bạn cũng có thể tùy chỉnh Flatsome để làm web giới thiệu công ty, blog cá nhân, trang tin tức,… Tất cả đều được tối ưu để mang lại trải nghiệm người dùng tốt nhất.

Flatsome Studio gồm hàng trăm template có sẵn
Flatsome Studio gồm hàng trăm template có sẵn

Ưu điểm của Flatsome Theme

Với những bạn pro về Wordpress hoặc đã dùng quen Flatsome rồi thì chắc không quan tâm phần này đâu. Bởi vậy mình sẽ tóm tắt một số điểm nổi bật của theme này cho những bạn mới:

  1. Nhà phát triển UX Themes xây dựng sẵn một thư viện giao diện mẫu (Flatsome Studio) bao gồm hàng trăm template trình bày Sản phẩm, Danh mục, Bài viết, Mega Menu, Banners, Sliders, Contact Form, Testimonials, Logo đối tác, Footer,… nói chung là gần như đầy đủ mọi thứ cho một website bình thường. Chỉ cần 1 click chuột import là bạn có ngay một bản sao của demo trên web của mình.
  2. Việc tùy chỉnh bố cục, nội dung các thành phần trên website (bao gồm cả header và footer) trở nên cực kỳ dễ dàng với UX Builder – công cụ trình bày nội dung trực quan hỗ trợ kéo, thả với các layout được lập trình sẵn trong theme. Bạn không biết code vẫn có thể tạo ra một trang web hoàn toàn responsive.
  3. Code được tối ưu tốt cho seo, có sẵn lazy load ảnh, preload trang, tốc độ tải cực nhanh.
  4. Tích hợp sẵn với 2 plugin tốt nhất hiện nay là Yoast SEO và Rank Math.
  5. Trên trang chủ UX Themes có hướng dẫn sử dụng cực kỳ chi tiết. Ngoài ra, cộng đồng người dùng theme Flatsome ở Việt Nam rất đông đảo, có nhiều blog chia sẻ các đoạn code dùng riêng cho Flatsome vô cùng tiện ích.
  6. Chỉ cần biết cơ bản về HTML và CSS thì bạn có thể tinh chỉnh gần như là mọi thứ về giao diện.

Nói chung để biết theme bán hàng này tuyệt vời như thế nào thì tốt nhất bạn tự tải về cài đặt rồi trải nghiệm. Hoặc bạn có thể tham khảo một số mẫu website làm từ Flatsome sau đây:

Download Theme Flatsome mới nhất

Kể từ thời điểm ra mắt lần đầu tiên năm 2013 cho đến nay, theme này đã trải qua hàng trăm lần cập nhật lớn nhỏ khác nhau nên để không bị mất các thay đổi sau mỗi lần cập nhật lên phiển bản mới thì các bạn nên tạo child-theme để sử dụng.

Nhà phát triển đã cho ra mắt phiên bản Flatsome v3.16 ngày 15/09/2022 với rất nhiều tính năng mới hữu ích và thân thiện hơn với người sử dụng. Tuy nhiên, bản cập nhật này có khá nhiều lỗi và bị cộng đồng người dùng than phiền rất nhiều.

Ngay sau đó, ngày 28/09/2022, họ đã sửa sai bằng phiên bản Flatsome v3.16.1 ổn định, không fix toàn bộ những lỗi trước đó.

Tính năng mới trên phiên bản Flatsome 3.16

  1. Tương thích với WooCommerce 6.9
  2. Tùy chỉnh thư viện ảnh riêng cho từng biến thể sản phẩm.
  3. Thư viện ảnh sản phẩm với bố cục xếp chồng (stacked).
  4. UX Builder: Resize handle for banner height.
  5. UX Builder: Sao chép shortcode bằng menu chuột phải.
  6. UX Builder: Hiển thị tất cả kích thước ảnh trong WP.
  7. UX Builder: Responsive chiều rộng tối đa cho cột (column).
  8. Tùy chỉnh Google Fonts lưu trữ trên máy chủ web (localhost) thay vì CDN như trước đây. (Nơi lưu trữ: wp-content/fonts/)
  9. Vẫn có tùy chỉnh Google Fonts tải qua CDN.
  10. Tùy chỉnh bật hoặc tắt nhãn giảm giá (Sale Buble).
  11. Tùy chỉnh hiển thị số lượng đánh giá sản phẩm trong danh mục.
  12. Tùy chỉnh vô hiệu hóa danh mục của bài viết.
  13. Tùy chỉnh vô hiệu hóa tiêu đề của bài viết.
  14. Bảng trạng thái (môi trường, ghi đè mẫu,…)
  15. Bảng tiện ích Trạng thái tổng quan (Status overview widget).
  16. Hiệu ứng mờ dần khi di chuột vào văn bản.
  17. Sao lưu và nhập: Xóa nút sao lưu tùy chọn.
  18. Swatches: Hiển thị giá trị khi di chuột qua swatch trên trang sản phẩm.
  19. Swatches: Tùy chọn không kích hoạt các sản phẩm không còn hàng.
  20. Bao gồm / loại trừ các sản phẩm hết hàng trong Product Flip.
  21. Bài viết (posts): bộ lọc theo các tags bài viết.
  22. Sản phẩm: bộ lọc theo các tags sản phẩm.
  23. Products flipbook: bộ lọc theo các tags sản phẩm.
  24. Sắp xếp sản phẩm theo giá bán.
  25. Hình ảnh: Tùy chỉnh tiêu đề của ảnh.
  26. Thêm nhiều tùy chọn cho menu dọc (Vertical Menu). Ví dụ: màu sắc, chiều rộng, chiều cao, dải phân cách,…
  27. Tùy chọn chiều rộng (width) cho menu dọc (Vertical Menu).
  28. Tích hợp breadcrumb cho plugin All in One SEO.
  29. Tích hợp breadcrumb cho plugin SEOPress PRO.

Ngoài những tính năng mới kể trên thì phiên bản Flatsome 3.16 này cũng có những cải tiến rất đáng chú ý mà mình tin chắc rằng các bạn sẽ phải cập nhật nó ngay và luôn. Một trong những điểm cần phải nói là mã CSS đã giảm được khoảng 20% giúp trang web được tải nhanh hơn, tối ưu seo hiệu quả hơn.

Nhà phát triển UX-themes cũng cập nhật FB graph API lên phiên bản v14.0 và devbridgeAutocomplete lên phiên bản 1.4.11 mới nhất hiện nay.

Flatsome v3.16.6 Full Changelog

--- v3.16.6 (14.02.2023)---
NEW: WooCommerce 7.4 compatibility.
NEW: Updated Google Fonts list.

ENHANCEMENT: Added localization admin info panel.

FIXED: Integration of woocommerce-tm-extra-product did not load due to class name change.
FIXED: PHP warning in class-wc-product-data-fields.php undefined array key 0.
FIXED: Compatibility issue with YITH WooCommerce Wishlist and UX Builder.
FIXED: Warning in the block editor when the "UX Builder content" block is rendered.
FIXED: Google Maps API deprecated message.

--- v3.16.5 (13.01.23) ---
NEW: WooCommerce 7.3 compatibility.
NEW: Updated Google Fonts list.
FIXED: Cart count was added to the shop icon globally in some cases (fragments).
FIXED: Editing checkout page in UX Builder if cart is empty.

--- v3.16.4 (20.12.22) ---
NEW: WooCommerce 7.2.1 compatibility.

--- v3.16.3 (14.12.22) ---
NEW: WooCommerce 7.2 compatibility.
ENHANCEMENT: Improved WPML configuration.
FIXED: Viewport accessibility user scalable.
FIXED: Team Members: overlay & shade style not rendering shortcodes in content.
FIXED: Interruption on external product button link navigation if Vimeo or youtube was linked.
FIXED: Background video not auto-playing in some cases.
FIXED: Various typos.
DEV: Recommended PHP version 8.0 or higher.

--- v3.16.2 (04.11.22) ---
NEW: WooCommerce 7.0.1 compatibility.
FIXED: Copy as Shortcode on Safari.
FIXED: Issues with searchable select options in UX Builder.
FIXED: Renamed option: Disable Google Fonts → Disable Fonts.

--- v3.16.1 (28.09.22) ---
FIXED: Toggle tabs in sub menus.
FIXED: JavaScript error in Safari on iOS 13 and below.
FIXED: Standard font-family incorrect CSS value output.
FIXED: Font inherit & initial setting CSS value output.
FIXED: Font styles CSS was generated, if fonts where disabled.
FIXED: UX Builder: Set map latitude and longitude values correctly.
FIXED: Shop sidebar flickering (sticky sidebar in combination with infinite loading).
FIXED: The variation gallery only showed the parent product image if the variation has no images.
FIXED: PHP Notice: Trying to access array offset on value of type bool in single-product/product-image-vertical.php.
FIXED: Prevented notices being displayed for a split second in flatsome admin panels.
Note: Console will now notify if reduced motion is enabled on your OS.

--- 3.16.0 (15.09.22) ---
NEW: WooCommerce 6.9 compatibility.
NEW: Product additional variation images.
NEW: Product gallery grid layouts (stacked).
NEW: UX Builder: Resize handle for banner height.
NEW: UX Builder: Copy as shortcode element context menu item.
NEW: UX Builder: Show all registered image sizes.
NEW: UX Builder: Responsive max width for column.
NEW: Google Fonts served locally instead of CDN. (location: wp-content/fonts/)
NEW: Option to serve Google Fonts from CDN.
NEW: Option to enable or disable sale bubble.
NEW: Option to show product review count in catalog.
NEW: Option to disable single blog post category.
NEW: Option to disable single blog post title.
NEW: Status panel (environment, template overrides, ...).
NEW: Status overview widget.
NEW: Fade-in hover style in element text options.
NEW: Backup and Import: Delete options backup button.
NEW: Swatches: Display value on swatch hover on single product page.
NEW: Swatches: Option to make out-of-stock items inactive.
NEW: Include/exclude out of stock products in Product Flip element.
NEW: Blog posts: filter by multiple post tags.
NEW: Products: filter by multiple product tags.
NEW: Products flipbook: tag filtering.
NEW: Products element order by price.
NEW: Image: Title attribute option.
NEW: Vertical menu opener color option.
NEW: Vertical menu fly-out width option.
NEW: Vertical menu fly-out nav divider option.
NEW: Vertical menu fly-out nav height option.
NEW: Vertical menu fly-out nav color option.
NEW: Vertical menu fly-out nav color:hover option.
NEW: Vertical menu fly-out nav bg color:hover option.
NEW: All in One SEO breadcrumb integration.
NEW: SEOPress PRO breadcrumb integration.

ENHANCEMENT: Reduced CSS by 20%.
ENHANCEMENT: UX Builder: Scrub inputs vertically.
ENHANCEMENT: UX Builder: Improved paste values in inputs.
ENHANCEMENT: UX Builder: Improved responsiveness of scrub inputs.
ENHANCEMENT: UX Builder: Improved resizing of text boxes.
ENHANCEMENT: UX Builder: Reduced navigation animations.
ENHANCEMENT: UX Builder: Removed some interaction appending to browser history.
ENHANCEMENT: Disable some animations when "Reduced motion" is enabled for better accessibility.
ENHANCEMENT: Render open accordion on the server.
ENHANCEMENT: Disabled sticky add to cart on stacked layouts.
ENHANCEMENT: Swatches: Catalog picture tag support.
ENHANCEMENT: Swatches: Ensure variation image on inactive variations.
ENHANCEMENT: Swatches: Disable initially out of stock.
ENHANCEMENT: Improved scrolling performance.
ENHANCEMENT: Improved cache busting compatibility on chunk files.
ENHANCEMENT: Improved tabs accessibility.
ENHANCEMENT: Improved button accessibility.
ENHANCEMENT: Improved accordions accessibility.
ENHANCEMENT: Removed active filter title on the filter button.
ENHANCEMENT: Outline the focused element when pressing the tab key.
ENHANCEMENT: Improved keyboard usage with the main menu.
ENHANCEMENT: Improved WPML configuration.
ENHANCEMENT: Various CSS improvements.

FIXED: PHP Error: must be of type array, string given in ux_instagram_feed.php in some cases.
FIXED: Incorrect google CDN link in combination with 'default Browser Font-Family'.
FIXED: Synchronous DOM mutation listener to a 'DOMNodeInserted' event violation.
FIXED: UX Builder: Re-play animations after moving element to another container.
FIXED: UX Builder: Don't server-side render element after moving to another container.
FIXED: UX Builder: Plugin compatibility issues when editing draft posts.
FIXED: UX Builder: Keep scrubbing when the pointer enters the canvas.
FIXED: UX Builder: Prevent native drag on anchor HTML elements.
FIXED: Resume autoplaying slider on touch devices when touching outside.
FIXED: Exiting full-screen mp4 video navigated the browser back on iOS.
FIXED: PHP notice: undefined offset on menu items class in some cases.
FIXED: Catalog swatches with non ASCII (f.ex: Arabic) attribute slugs.
FIXED: Backslash in Advanced → Custom CSS fields should now be kept.
FIXED: WooCommerce One Page Checkout quantity compatibility.
FIXED: Sticky column when inner height dynamically changed.
FIXED: Italic font variant style did not apply italic.
FIXED: Improved bfcache support on Chrome and Firefox.
FIXED: Backup option double description.

DEV: Updated FB graph API to v14.0.
DEV: Updated devbridgeAutocomplete to 1.4.11.
DEV: Added flatsome_loop_review_count_html filter.
DEV: Added flatsome_icon filter.
DEV: Added flatsome_single_product_thumbnails_classes filter.
DEV: Added flatsome_single_product_thumbnails_render_without_attachments filter.

Note: add_action( 'wp_head', 'flatsome_prefetch_scripts', 5 ); changed to add_filter( 'wp_resource_hints', 'flatsome_prefetch_scripts', 10, 2 );
Note: UX Builder: To scrub and input value (margin, padding, ...) press the mouse key down upon an input, then move the mouse.
Note: Dropping support for IE (new features are no longer tested and are not guaranteed to function optimally for this browser)

Lưu ý khi cập nhật Flatsome theme lên 3.16

Đây là lời khuyên của mình dành cho các bạn không nắm quá nhiều kĩ thuật về code, ít nhất là đọc hiểu lỗi khi debug.

Hiện nay thì từ bản update 3.16 của Flatsome thay đổi rất nhiều core + template, chính vì vậy nếu như các bạn cảm thấy website mình cần phải update lên 3.16 để sử dụng các tiện ích mở rộng của Flatsome thì hãy update. Còn không thì mình khuyên đừng update, hoặc thuê 1 bạn kỹ thuật vào fix các lỗi từ template.

Vừa rồi mình thử update lên flatsome bản 3.16 thì 1 số shortcode mình viết mới (dựa trên core của flatsome) đã không chạy và báo lỗi. Mình đã vào file core đọc và update lại cho shortcode của mình.

Thấy cải tiến của nó có nhiều cái lợi nhưng vẫn có kha khá cái bất cập. Đáng ra thì nó nên làm theo dạng extension, nhưng không, nó thay core luôn.

Các bạn trước đây đã từng custom template của nó thì đừng hoang mang khi update nhé, hãy vào core đọc và tra cứu xem những thay đổi trong template (Hoặc đơn giản hơn là bật debug lên xem) rồi thay bằng core mới là được.

Chúc các bạn thành công với cập nhật mới của flatsome nhé.

Tải về: Theme Flatsome v3.16.6

Tải về: Theme Flatsome v3.16.5

Phiên bản cũ hơn: flatsome-v3.15.7.zip (bản này khá ổn định, nếu đang dùng tốt các bạn không cần thiết phải nâng cấp lên phiên bản mới nhất đâu)

Đây là bản đã kích hoạt sẵn bản quyền rồi nên bạn chỉ việc tải về và dùng thôi.

Theo dõi bài viết
Nhận thông báo
guest
19 Bình luận
mới nhất
cũ nhất
Inline Feedbacks
Xem tất cả bình luận
19
0
Gửi bình luận của bạn về bài viết này.x