28306 comments found.
How do I make image roll-overs? I have icons that I want to change color and expand slightly larger when rolled over.
Could you share an example URL with icons?
Hi, I purchased Flatsome theme a few months ago, but I haven’t started building my website yet.I recently read in the comments that version 4 will be released soon, so I wanted to ask for your advice before getting started. Would it make sense to begin working on my site using the current version, or could there be compatibility issues once version 4 is released? In particular, I’m wondering whether work done now (e.g., building the homepage) will carry over smoothly to the new version. Alternatively, would you recommend waiting and starting directly with version 4 to avoid potential migration or compatibility problems?Thank you in advance for your guidance. Best regards
With v4, Flatsome will adopt a hybrid structure, functioning as both a classic and a block theme. Migrating your design and content from v3 to v4 won’t be mandatory. You’ll be able to transfer your existing page designs from UX Builder to the new Flatsome Builder with a single click, or simply continue using UX Builder. You can safely start designing your site right now with complete peace of mind.
I am trying to follow the guide provided here: https://docs.uxthemes.com/article/247-custom-product-page-layout-shortcodes
However, there is no example on how to show the brand image near to the tile, similar to what we have on the default WooCommerce single product page.
How can we reproduce that?
In UX Builder, create a new HTML element, paste the code below, and place it directly above the ‘Product Title’. Optionally, you can separate the CSS and move it to the <head> section.
<style>
.custom-product-page .ux-product-brands {
display: inline-flex;
flex-wrap: wrap;
gap: 15px;
}
.custom-product-page .ux-product-brands a:hover {
opacity: 0.7;
}
@media (min-width: 1000px) {
.custom-product-page .ux-product-brands {
flex-direction: column;
float: right;
margin-inline-start: 15px;
margin-block: 0;
}
.custom-product-page .ux-product-brands a {
padding: 5px;
max-width: 100px;
min-height: 70px;
background-color: #fff;
border: 1px solid #e0e0e0;
transition: border-color 0.2s ease-in-out;
}
.custom-product-page .ux-product-brands a:hover {
opacity: 1;
border-color: #969696;
}
}
.custom-product-page .text-center .ux-product-brands {
justify-content: space-evenly;
}
@media (min-width: 1000px) {
.custom-product-page .text-center .ux-product-brands {
flex-direction: row;
float: none;
margin-inline: 0;
align-items: center;
}
.custom-product-page .text-center .ux-product-brands a {
border: none;
}
}
@media (min-width: 1000px) {
.custom-product-page .text-right .ux-product-brands {
margin-inline-start: 0;
margin-inline-end: 15px;
float: left;
}
}
</style>
<div class="ux-product-brands">[product_brand]</div>
Many thanks! That worked!
how do I change purchase code to activate the theme in my new domain, After changing from the old domain.
Could you submit a support ticket here?
Hello—I hope you are doing well. I have included an element called “Products” on my homepage. This displays the product image, category, title, and price. I would like to know: if a product belongs to multiple categories, how can I specify which particular category is displayed, rather than having one selected at random? For example, I want the category shown to be the product’s brand name. For example, in the following image I have circled the only product that shows the Brand category. https://snipboard.io/EK9JSU.jpg How can I configure this so that the “Brand” category is displayed for all products? Thanks in advance.
If you use the Yoast or Rank Math SEO plugin, you can set the primary category in the product editor and enable its use under Flatsome > Advanced > Integrations.
Why my Bitdefender antivirus is showing me notification of this website on the site where I use Flatsome?
chrome.exe attempted to establish a connection relying on an expired certificate to www.sebdelaweb.com. We blocked the connection to keep your data safe since websites must renew their certificates with a certification authority to stay current, and outdated security certificates represent a risk.
I read about him a long time ago but I don’t have any template from him.
We are not affiliated with www.sebdelaweb.com. This background connection is likely triggered by a plugin, custom code, or specific content. Please ask your hosting provider or developer to locate and remove the source of this link.
I found the error. It was a navbar created a few years ago from his template and it had an icon shared from his domain. Sorry and thanks
Also, another question: changing background of widgets, containers, or borders can be done only with custom css? because I don’t see ant options in the builder for that
It depends on the element. UX Builder elements usually have these controls, but widgets might require custom CSS.
For example for Products widget element, I don’t see any options to design the product card
Widgets require custom CSS for customization.
Hi, Version: 3.20.5 => Multi-Gallery Lightbox Enable multi-gallery for UX Gallery / Enable multi-gallery for UX Grid
not working at all, unbelievable …
Both features are working properly. Please ensure the Lightbox options for the images are enabled in the UX Builder. Also, verify that ‘Use Flatsome lightbox’ and both options under ‘Multi-Gallery Lightbox’ are active in Flatsome > Theme Options > Style > Drawer & Lightbox. If the issue persists, it might be a conflict, caching, or optimization issue. To resolve this, please perform basic troubleshooting as explained here.
Hi thank you for your answer, I have done this 10 times, cleared cache / CDN / myself, finally I have installed MetaSlider + MetaLightbox, now it works perfectly…
If you check the v3.20.5 changelog, you’ll see it only includes a WooCommerce template update. No other changes were made to the theme files. This points to an optimization or caching issue.
Hi does your theme do auto updates?
Yes, you can update the theme with a single click from the WordPress admin dashboard.
Can you let me know how to move the product title above the product image on mobile only?
You can use a custom product layout, place the titles wherever you want, and show/hide them via CSS.
https://docs.uxthemes.com/article/245-how-to-create-a-custom-product-pagePerfect! Thanks.
This issue was fixed in v3.20.2. The current theme version is v3.20.5. Please update your theme to the latest release.
Thanks
Hi, did you remove the ability creating custom product page from UX builder, since nowhere to be found?
You need to edit the product page template as explained in this guide.
Hi. Where is setting height for mobile sticky header? Current setting height is apply for both mobile and desktop sticky header.
You can use the CSS below. Please place it into Flatsome>Advanced>Custom CSS>Mobile only.
.header-wrapper.stuck #masthead {
height: 150px !important;
}
Hi guys, Flatsome + WooCommerce. I have noticed that Product Video is no longer working with YouTube links (not sure about others). All I get is “Error 153 Video player configuration error” in place of video, with “Watch video on YouTube” link. Probably something changed on YouTube policy side? Are you aware of it? Is the fix coming? Cheers.
There are no problems with the YouTube links. Could you test with this video link? : https://www.youtube.com/watch?v=9d8wWcJLnFI
Yes… this video works fine… confused… I suppose there are some restrictions on videos I am trying to link… Will try to dig deeper… sorry to bother.
All our teams are hard at work on v4. We plan to release the first alpha version within 1-2 months.
And yes, the link is correct.
I am using the latest version of Flatsome with WooCommerce and the default Flatsome checkout layout, with no custom checkout builder modifications.
The PayPal Smart Button renders correctly on product pages and the cart page. However, it does not appear in the Express Checkout section on the checkout page.
I am using Stripe for payments, including Apple Pay, Google Pay and Link, and all of those render correctly in the checkout Express area. Only the PayPal Smart Button is missing there.
There are no visible errors on the frontend, and PayPal is enabled for checkout in the payment settings.
Could you please confirm whether Flatsome’s checkout template or Express Checkout hooks could be affecting the PayPal smart button output specifically on the checkout page?
Please contact the plugin’s support team to find out which hooks they use on the Checkout page. Once you have that information, please submit a support ticket to our help desk here.
Hello, we have a problem with the short description of a product in our e-shop. The HTML codes are not working, and even after entering the HTML code, the description keeps appearing side by side! We need to have the words one below the other. How can we fix this?
Our support engineer answered your ticket #187665. Could you check your inbox and spam folder?
No email at all. Could you reply here?
Have you tried switching to the ‘Code’ tab under the ‘Product Short Description’ in the product editor before entering HTML?
I downloaded the latest version (3.20.5) and when I upload the theme I get the following message: The package could not be installed. No valid plugins were found.
Flatsome is a theme, not a plugin. You should install it from the Themes section (Appearance > Themes) in the WordPress admin dashboard, not the Plugins section.
Hi Folks Is your theme compatible with PolyLang Pro for Woocommece?
I see lots of issues on here about PolyLang reported but do not see any meaningful responses that indicates if issues are resolved or if it is incompatibility.
Could you please shed some light on this?
We have used your theme on one site already, but I have another client who we are considering your theme with, but it must work with PolyLang as both our client and our own experience with WPML has not been a happy one.
We appreciate your feedback on this.
Regards
Flatsome is compatible with both WPML and Polylang. Many Flatsome users utilize these multilingual plugins without any issues. If you’d like, you can join our official Facebook Community to get insights and experiences from current users.
Thanks for your reply.
Our concern is all the reports we have seen on this site with issues with Polylang, and none of the have any indication of resolution on them. They are instructed to open a ticket and no further comment is added.
Thanks for invitation to your Facebook group. We do not allow use of Facebook on our company’s devices, so I regret that we cannot take up your kind offer.
Joining our Facebook group isn’t required. We direct users to our ticket system simply so our team can investigate issues directly on their sites. We work hard to keep Flatsome compatible with both WPML and Polylang.
Most issues aren’t theme-related; they usually stem from incorrect Polylang settings or site-specific factors like aggressive caching or plugin conflicts. We can’t diagnose those here since this is a comment section, not a support channel. If you do encounter a theme-related issue, our official support team can help resolve it. Even if it’s not a theme issue, we can point you in the right direction.
I got this message: flatsome/woocommerce/single-product/product-image.php version 9.7.0 is out of date. The core version is 10.5.0
I have 3.20.4 so I believe I’m up to date. I’m sure support knows this already but just to be sure I thought I mentiond it.
We’re just about to release Flatsome v3.20.5, which is fully compatible with WooCommerce 10.5. This update will be available very soon and will clear up those “outdated template” warnings.
Thanks for your patience!
Perfect. Thanks for the quick response and update.
When does Flatsome 4 come out?
We plan to release v4 in a couple months. Please feel free to keep using Flatsome with confidence. Our team is currently working around the clock on v4. There has been a pause on new features recently because Flatsome is becoming a hybrid theme powered by the new Flatsome Builder. We’re currently ensuring that all new updates—such as demos with high-quality imagery, new Flatsome Studio templates, admin options, setup wizard, etc, —are fully compatible with the Flatsome Builder block editor. We know v4 is running a little late, but we promise it will be worth it.
Please take a look at this post to see what’s coming: https://www.facebook.com/groups/flatsome/permalink/3294862704005389.
We truly appreciate your patience and understanding.
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
