Flatsome là theme WordPress bán hàng số 1 hiện nay: Đa Năng – Chuẩn SEO – Đẹp & Nhẹ. Được tin dùng trên hàng trăm ngàn website bán hàng. ... WordPress + WooCommerce + theme Flatsome là bộ 3 tuyệt vời cho bạn. File Size 11.71 MB; Updated November 4, 2022.

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.

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 các mục đích sử dụng, lĩnh vực website 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, 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. 

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 Full Changelog

--- 3.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.

--- 3.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)

--- 3.15.7 (14.07.22) ---
FIXED: Slider dragging & scrolling on iOS 15+.
FIXED: Lazy load not working properly in some cases on Safari.

ENHANCEMENT: Improved Bootstrap compatibility.

--- 3.15.6 (14.06.22) ---
FIXED: WordPress 6.0 CSS conflict.
FIXED: Element style (padding, margin,..) not applying when column is made sticky.

--- 3.15.5 (02.05.22) ---
FIXED: Integration options showed up in Updates tab options.
FIXED: Backup Options increasing wp_options table size when used more than once.
FIXED: PHP notice if no image is set on UX Image attribute.
FIXED: Plugin path issue in Setup Wizard on Amazon Lightsail (bitnami).
FIXED: Pages on the search result page if WooCommerce is not active.
FIXED: WooCommerce Attribute Filter Widget overflow issue.

ENHANCEMENT: PNG support for lightbox images.
ENHANCEMENT: Improved toggle button accessibility.

--- 3.15.4 (15.03.22) ---
NEW: Release channel option (stable/beta).

FIXED: Updated unannounced change of form login text string.
FIXED: PHP notice if no color is set on UX Color attribute.
FIXED: Swatches label center and right alignment on single product.
FIXED: Related product title indent with an increased site container width.
FIXED: Clear cart after payment on simple and focused templates in some cases.
FIXED: Missing return value in swatch preview column content filter.
FIXED: Product box swatch selected variation image in off-canvas.
FIXED: Lightbox tall images intersecting with the viewport.
FIXED: Builder: WCML custom product featured image reset.
FIXED: Typo in Flatsome registration admin notice string.
FIXED: Scroll to in combination with hidden sliders.
FIXED: Equalize product box in off-canvas.

ENHANCEMENT: Vertical Menu dropdown now responds to Container width & Full width menu item design.

Note: Beta pre releases will from now on now be presented in the WP update panel if enabled. Betas are the
versions of choice for testers in preparation for a theme release. They provide a short-term-stable point
to report bugs against. Grab these to make sure the upcoming release works well on your infrastructure.

--- 3.15.3 (15.01.22) ---
NEW: WooCommerce 6.1 compatibility.

ENHANCEMENT: Auto height for custom-sized vertical menu dropdowns.

FIXED: Open correct image in galleries.
FIXED: Open correct video with multiple video buttons.
FIXED: Toggle accordions when clicking on arrow.
FIXED: Site logo src=(unknown) if logo was not used pre 3.15.
FIXED: Product gallery thumbnail slider arrows for 5 thumbs.
FIXED: Swatches cache when an attribute is updated.
FIXED: Various RTL improvements.

--- 3.15.2 (21.12.21) ---
FIXED: Script file naming compatibility on some servers.
FIXED: Yoast integration options did not show (due to Yoast codebase changes).
FIXED: Slider with parallax enabled.
FIXED: Sidebar sub menu toggle.
FIXED: Page loader logo size.

ENHANCEMENT: Improved WP Rocket compatibility.

Note: Please remember to clear all cache and minification after updating.

--- 3.15.1 (17.12.21) ---
FIXED: Banner responsive values.
FIXED: Use the correct logo URL.
FIXED: Lightbox auto open.
FIXED: Lightbox gallery (combined page gallery).
FIXED: Logo size on simple and focused checkout style.

ENHANCEMENT: Prevent hotspot opening quick view in builder.

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é.

Demo: https://themeforest.net/search/5484319

Ưu điểm:

• Dễ dàng tùy biến với trình kéo thả UX Builder (hàng độc quyền chỉ có trên Flatsome): các thành phần chức năng (element) đều đễ dàng kéo thả tạo nên giao diện theo ý bạn (dễ dàng ngay cả cho dân không chuyên).
• Clean code: vọc sâu vào code của Flatsome bạn sẽ thấy code của nó cực gọn gàng và sáng sủa, mỗi element sẽ được viết trong một file *php rất dễ dàng cho các lập trình viên.
• Tối ưu hóa giao diện cho Desktop, Tablet và Mobile
• Flatsome Studio với nhiều giao diện mẫu và element dựng sẵn
• Chỉnh sửa Header & Footer chưa bao giờ đơn giản đến vậy.
• Tốc độ load nhanh, tích hợp tốt với woocommerce và nhiều plugin khác, đội ngũ phát triển và hỗ trợ hùng hậu, cộng đồng sử dụng rộng lớn và nhiệt tình..
• Flatsome cực dễ cho việc làm SEO web bởi tất cả các yếu tố: Code dễ đọc, DOM gọn gàng, tối ưu giao diện trên nhiều thiết bị, tốc độ load nhanh…

Khuyết điểm:

• Trang tin tức không được đẹp
• Vẫn khá ít hiệu ứng so với plugin Elemmentor

Flatsome Studio (với 872 mẫu giao diện)

Flatsome Studio là kho thành phần giao diện dựng sẵn của Flatsome ví dụ: trang giới thiệu (About – 40 mẫu sẵn), nút kêu gọi hành động (Call to action – 55 mẫu), đếm ngược thời gian sale (Countdown – 7 mẫu)…Với kho giao diện chức năng dựng sẵn mà lại đẹp như này bạn sẽ nhàn hơn rất nhiều.

UX Builder tạo nên sự khác biệt của Flatsome

Top page builder nổi tiếng có thể kể đến Elementor, WPBakery Page Builder (tên cũ Visual Composer), Divi, Beaver Builder. Song xét cho cùng thì mình vẫn thấy UX Builder dễ sử dụng nhất.

Theme Options

Trên Theme Options của Flatsome bạn dễ dàng chỉnh sửa Header, Footer, Màu sắc, Văn bản, tính năng cửa hàng…Đảm bảo bạn sẽ choáng ngợp với những tùy chọn cực “đáng đồng tiền bát gạo” trên Header và WooComerce của Flatsome. Điều mà chưa có tùy chọn theme wordpress nào làm tốt hơn thế.

Flatsome Advanced Options

Flatsome Advanced Options thực sự cũng rất hữu ích, dể nhanh gọn nhẹ mình hay code JS, CSS trên các vùng Advanced Options này thay vì viết trong file.

Ngoài ra các tùy chọn về hiệu năng (Performance) gồm: lazy load hình ảnh banner background, vô hiệu hóa file style.css trong folder theme, vô hiệu hóa emoji…

Flatsome không ngừng cập nhật và cải tiến cả về hiệu năng và tính năng. Flatsome 3.14.2 tương thích tốt hơn với WordPress 5.6 và WooCommerce 4.8.0, tính năng mới bao gồm: Mega Menus, lưu mẫu elemenent sử dụng cho lần sau…

Tải về link Google Driver: flatsome_v3.14.2.zip - 11.55 MB pro miễn phí.

Tải về phiên bản mới nhất Flatsome 3.16.2 (Update 04.11.2022) tại đây

Password: xem hướng dẫn bên dưới

Hướng dẫn lấy pass download Plugins – Themes và Ủng hộ Blogs

Thực hiện theo hướng dẫn trong hình bên dưới để lấy password download nhé. Các bạn nhớ chọn đúng link có đuôi .com như trong hình (tìm kiếm bằng từ kh.óa bên dưới nhé, không truy cập trực tiếp). Hãy ủng hộ admin để blog tiếp tục duy trì cập nhật trong tương lai, cảm ơn !

Kéo xuống dưới chân trang tìm đoạn Mã id :.... hãy bớt chút thời gian nhé.