How To Create An Amazing Custom Product Page - Flatsome Theme Tutorial

[@darrelwilson]

If you are using the flatsome theme and want to create a real awesome product page, in this video ill show you how!

[@publicsite5054]

Hello bro...How to set exit-intent popup by flatsome

[@faraiwillie798]

Hi bro, look unto doing a tutorial of adding a live video chat window on the web page just like the Instagram live video chat. It’s cool if you’re showing your products live on the site and everyone can join and watch that live video right away and can read comments, giving responses live and more traffic

[@Veer.discovery]

hey bro , how you can creat that bold pricing font ?

[@beqagelovani6819]

thanks bro

[@dance2464]

Hi Darren. Is there a way to add the brand names feild? besides using Hooks. or can the hooks be modified? TY!

[@fortuneathlete1042]

hey you ROCK! I've watched like 3 of your tutorials. You forgot where you put the price, but hey; can't be 1000% perfect! Thanks!

[@skp862]

Thank you very much bro for the video. I spent many days searching for the same video. I have followed all your videos for different page builders you used and product customization page. But I felt disappointed that I was not able to find any videos for flatsome product page customisation. Will follow your video. Once again thank you for making the above video. Love you so much

[@onno421]

Thanks! The preset product pages weren't doing it for me.. One big thing I missed in this video is a how it would look on a mobile device in the end - 90% of our website users are on mobile.

[@metabuddy2.0]

I'm not able to see any product elements in my theme, please help me!

[@genhoffice009]

Great tutorial, but you pick just one product, set the product layout to custom layout and work on that from the frontend. In this way, all other products will be visible while building the custom page.

[@darrelwilson]

Great tip! if you need help feel free to ask .

[@MrVuittonDon]

Can you make custom product pages for specific product categories only or specific products (Sale Items)?

[@dayax11]

i am first to view, hello darrel, you made me dropshipper, this video i'v been waiting for 1 year, thanks.

[@darrelwilson]

first reply, thanks again brother i appreciate it

[@igympros9198]

Hello Darrel, i just installed flatsome but my ux builder only offers me a small list of elements. Im missing the majority of the woocommerce elements shown in your video - how do i add or enable theses?? Thank you

[@mijntje1104]

Hi Darrel, I have the same problem as Igym. I have made the product page but can't choos the elements you use for photo galery, product description etc. How can i get these extra woocommerce options?

[@releafone7302]

Has anyone found a solution to this? I dont have Product Page Woocommerce options. Only the Shop option. Thank you

[@j_c_b]

Any way to do that with product catalog also? I see no custom in that section like product page...?

[@nguyenhuutri1992]

kzbin.info/www/bejne/amGqg6ajZbWEmNk answer here @jostein

[@skiingcity9641]

Hi Darrel. Can you show , how to add variation in Flatsome custom product page , please.

[@minhvuongpham4782]

Hi, Darrel. Thanks you for this video. It's so useful!

[@robertwilliam4368]

Is it possible to Add A Cart Icon To Ad To Cart Button ? if so, where can I find this option? Thanks in advance

[@reactionpoint372]

My best youtuber.

[@nicktraykov562]

Hi Darrel , very impressive Tutorial ! congratulations Please do us a favour and next time make a new tutorial ( How to build a TV services on web ? ) - We have some ideas but what will be your recommendations? - Were to start from ? - What’s the minimum speed ? - And chose Host - WPX or Siteground ? Please mate I’m begging you to take the challenge! Great Work Cheers 👍🏻

[@TheHondamayhem]

thank you so much, brilliant tutorial

[@darrelwilson]

Glad you enjoyed it!

[@Breathingdesign2004]

Thanks Darrel again. You are doing an amazing work for the community. And thanks for the flatsome theme as well. Stay safe my man.

[@stephenj3928]

Problem - When you have set the countdown timer ( say for 2 days) then after 2 days it displays zero. This means you have to go and reset the countdown timer regularly. Is there a way of having the countdown timer automatcially dislay a set length of time which is activated when a customer first lands on the page ie whenever the customer lands it always displays 2 days to start with ( By the way -- Great Video )

[@s4sport117]

nice informative video, what is best page builder do you recommend for online store

[@thevisualshaman]

Hey Darrel. I am wondering if you have any guidance on how to customize the search results page with the flatsome theme. I have tried many different plug ins and have yet to find a way to customize the results. Any tips or guidance would be much appreciated. Thank you for all you do.

[@darrelwilson]

Hey! To customize the search results page in the Flatsome theme, try using a child theme to modify the template files directly. Alternatively, you can use a plugin like "Search & Filter" to add more customization options. Also, ensure your theme and plugins are up to date for the best compatibility. Feel free to drop your questions in the comments!

[@SalimAlRashdi]

Thank you for the great tutorial, how to add custom fields to the product page??

[@ifahasanov]

Hi, Mr. Darrel Wilson. Thank you very much for helping us. May ask you one question (sorry if the question will look very silly). But when I try add element to my product page Woo Commerce's "Product page" elements does not appear on the left menu (I mean at the bottom of the ADD CONTENT section). What is the reason? I will be very grateful to you if you have time to answer. Thank you in advance.

[@Lauracristinabs90]

Hi IFtikhar, did you manage to solve this?

[@paulworthington6411]

Another winner of a tutorial, thank you Darrel. Now to challenge you. How does one get variable products to work and offer the options when building custom pages with UX Blocks/builder?

[@camisetascristianasonline2008]

Awesome explanation. Thanks. I want know if Can create a products landing page without woocommerce. Let see for amazon. I just create a custom amazon template without the woo buttons, right?

[@NicoleKe]

Oh, wow! This looks awesome, Darrel! Let me like the video and continue watching.

[@christinaglazier9600]

I've learned so much from you. One thing maybe you can help me out with is finding a good way to get a decent size chart onto the product page. The plug ins for that seems to be very slim picking, and for some reason either look like crap or do not work at all. It seems Woocommerce should already have something for this, unless there is something I'm missing. I didn't realize it would be this much of a headache getting a professional-looking size chart on my product page!

[@jahan_monjezi]

thanks for this video Darrel. A qustion: how can I add more woocommerce element to ux builder? (I have original theme, but my ux builder has 6 woocommerce element. I saw yours are more), but How?

[@saltikkenan]

Is this product page is amazing, really!

[@Pagana4president]

@darrrel Wilson, great video, all clear, howt to made a Custom Product Page, BUT, as you shop as different products, also my website has something like 20 different items, all different , how you manage a different text - options - colors ect ect in different products? please let me know thanks

[@robertsmilcic9594]

LOL, First time I saw your tutorial. You made it interesting, thanx mate.

[@douglasriversideaccommodat1629]

Darrel you fire me up to make my first ever website for our business, with the help of your tutorial using the theme from Astra, Elementor Travel & Tourism. However after downloading it and playing around using your tutorial, I find that the element buttons do not work! I can not get them to drag and drop. They just bounce back to base. Is there a setting in Wordpress or Elementor that will get them to work? or have I missed something during the tutorial ? I can not seem to find the answer through the forum of Elementor. I even upgraded to the Pro version still not a successful result

[@raufaamir]

Super, how about If I have two different kinds of products and I want a different layout for each?

[@darrelwilson]

i believe you can assign each product layout to specific categories

[@mulkproject687]

Bro great video... I just want to ask this applicable in bookable,subscription products? where calendar will be display ..

[@chingyichen3512]

Can i design different product page layout for different product?

[@albena_abigail_karaivanova]

I love all your videos! Thank you for all your amazing work!

[@hamzayoutube419]

hello,I just created a personalized page for product page, so, I cut it in 2 parts, the first is for the photo of the product the second for the information (category, name, price note ......) finally everything takes just half the page, and the rest of the page remains empty, as if it is the block display when it will have to be inline. thank you very much for your advance support and I remain at your disposal for any additional information.

[@meehee4]

Amazing! Love your work Darrel. You have helped me so much!

[@rossmelweb931]

Gracias , excelente tutorial

[@missyj2601]

Thanks for a very informative and practical tutorial as usual. However I created a custom page like in the video and started creating products. The first product was awsome, but when i created the others, some of the last product content just showed up in the previous products. I would love a solution to fix this issue..thnks in advance

[@darrelwilson]

It seems like you're facing content duplication issues when creating products on your custom page. Try these steps: clear your website cache, review template settings, test for plugin conflicts, check product settings, and update your theme/plugins. If the problem persists, consider seeking further assistance or consulting with a developer.

[@focusmusicproduction]

Okay... I got confused a bit. I built a custom page the way you are teaching, but it still affect all of the other products in the store (like if I add a video for a specific product, it show the same video on all products) and I got lost in trying to figure out the right way to create custom product page.

[@nhatkysaigon24h]

Hello my friend watch the video you are so awesome thank you for sharing

[@begonavegaibanez3836]

Hi Darrel I need some help here. I want to change the size of my full-width style. Do you know if that's possible?

[@basedinbox]

Hi, what's to plugin for the wishlist you use? Thanks!

[@BhanuSharmaiitkgp]

Hey thanks for this great tutorial. I am having an issue. the social icons are not visible for me. can you help me out ? Also how do I dynamically change the testimonial and the timer ?

[@helioalexandrino7]

Thank you Darrel! You just did a much better job then the #Flatsome crew! Although It's a great theme, there are no tutorial enough to set this up un the way we want to. Flatsome crew, please, learn from the best ones!

[@darrelwilson]

Glad it was helpful!

[@vtf8269]

Does Flatsome Theme have the capability of adding multiple product pages on the home page as tabs with bread crumbs?

[@ddrci88]

Good content , do you know how to make landing page for every different product ? Thanks

[@ralfstraaberg4420]

Great video Darrel😀 I like the content. Keep it up 😊😊😊

[@darrelwilson]

More to come!

[@ralfstraaberg4420]

@@darrelwilson awesome 😀

[@Esmirshajnoski]

Where can I move the position of the article number? By default, it is displayed below the "Add to cart" button, where it is not found by many customers.

[@papuu9111]

hi. great video. I have a problem. i am using flatsome. in edit mode it shows' footer and let me customize normally. but footer doesn't show in live view.

[@AG_ASG]

Amazing tutorial. Just what i was looking for. Can the tabs (Description, Additional Information, Reviews) be put one after another ? Right now they either appear on the top, or on the left side ? I have a product template which i wish to implement, let me know if its possible to share with you.

[@djchristianantonelli]

awesome video, thank you! i just installed flatsome but my ux builder only offers me a small list of elements. Im missing the majority of the woocommerce elements shown in your video - how do i add or enable thses??

[@aquilesesquivelmadrazo4315]

I have the same issue. I don't know if it is because i'm using inactivated flatsome theme. Can you resolve this problem?

[@filynz]

Thank you so much Darrel, you are so amazing, you are really helping and I so much appreciate you

[@sugengnurhadi]

That plugin was free version or paid version and how much the cost...great video

[@mio...]

Nice tut, as usual, Darrel. A question: flatsome builder, or Divi builder? For example, if I want more custom (landing, about, contact, whatever...) pages (not only product page), should I go with Divi or Flatsome?

[@FirstTuberShow]

Flatsome it is

[@cristobal9766]

What is exactly flatsome recommends size product image? because I added many productos on my website but in the shop page are all big

[@charlybtube]

A lot of value in this great tuto👍🏾 . Thanks Darrel! Is it possible to set upsell with this theme? (upsell where you can offer either same or other product with % discount )

[@elnitas]

Darrel, I created a custom product page following your instruction; however, the name for the product in the header does not change! Can you say why?

[@HassanAleem]

Is it possible to individualize the product pages. For example I have 5 products and want each product page to look different. Can divi do this?

[@cynthiatzitzis3984]

Darrel you rock! How about if you have colour variations in your product?

[@zoticfn8591]

Thank you ❤

[@darrelwilson]

Welcome!

[@manankotak9864]

Can you tell me how do we add filter to the shop page?

[@matheaayz]

thankyou so much! the video is really helpful

[@petermason7743]

Is this a custom product page using AliDropship WooCommerce plugin??? Hopefully you will reply. To this question.

[@Omario8o]

Hi Darrel, Can't i just use both Flatsome Woocomerce theme and Elementor Pro at the same time?

[@pammie1412]

Thanks so much Darrel!

[@abdulsattarsuleman2393]

hello Darrel Wilson I am trying to custom changes on front page in wordpress flatsome theme using ux blocks, I created block and my page is shop page where i want to display a block but when i put a shortcode in shop page so categories and other thing are gone just show a block that i created. My requirement is that Show categories as well as block in which some content

[@Techboilerplate]

Is there a way to add videos hosted at KZbin to the product page?

[@adebodesign]

Hi Darrel, thank you for the awesome tutorials with flatsome and wordpress. Right now I`m customizing a product page after your tutorial, in Flatsome. Is there an option to make the long description with a "Read more" button or something like that? I have 15 text rows in long description. I want to show only 5 rows with text and the rest of the text to be hidden, and when the user hit the "Read more" button, then will shown up the whole text.

[@BDB8]

Hi Darrel, the video was very helpful, but how to I create a customized product page for a variable product

[@todalf]

Hi. Nice video, but I don`t have this "product page" section in UX builder. How do I get this section?

[@darrelwilson]

you are very welcome!

[@kikithelma1948]

Thank you for this tutorial, its was very helpful. i want to ask if its possible to build/customize a checkout page using the Flatsome Theme, the idea is to include a list with prices that will be added to the total price in the cart.

[@socialsocial-ot4vr]

Hi Darrel, Iam trying to setup a custom product page but woo-commerce product elements are missing. Any idea why?

[@MYecommerce-ng2gt]

Dear how to add buy now button in flasome theme without plugin using programming code

[@alifhasanshah8057]

you miss the upsells module to add custom product page .. which module add upsells product ???

[@conhecimentomais6234]

Darrel also how do I edit the client form fields in checkout?

[@juliaelainemills3032]

How do you remove the "additional information" tab? Also, still wondering how to edit the product item drop down menu options if the product has multiple options such as color and I want to add an additional drop down menu option (such as size), where do I go to do that?

[@soufianebouirig7224]

Hi brother, great tutorial. If you can make a new video How to costumize check out page

[@claireashgrove5969]

Awesome video and exactly what I was looking for. Is it possible to have different custom product pages? I tried to replicate the process, but it just applies my selection for one across all. Can you point me in a direction?

[@tabaraksohail7764]

How we can make product page for specific category

[@infocanadianlearningsupply]

Is there a way to do an "if - then" kind of selection in variable products? For example, I sell tables. Price is based on size, finish, and tabletop. I have different color choices based on "laminate" or "acrylic". Is it possible to attach those color choices to the specific top? (Yay!) Or do I have to create a new product for each combination? (cries...)

[@xenderevallagemqil]

Hi Darrel! Thank you for this! Question, how can I create a send an inquiry button to each product? Do I need a plugin for that?

[@athbaalsallal9380]

Me drinking coffee Darrel: Get drunk and design Coffee splashing out of my nose xD

[@imitech1536]

It seems they are using brizy page builder What do you think greaaaaaaat man?

[@zaidsuhaib2201]

hello darrel, how can i add color to the 5 stars ? (in the testimonial)

[@darrelwilson]

hey , you can customize it using some CSS code

[@FactorChill]

Where to change breadcrumbs colour? Lol.. dunno if I'm just missing it everytime

[@Agbidion]

HI, Darrel, Please, how to I remove or disable Price, Shopping Cart from my product page? Thanks in advance.

[@khaledabdelmokitmebhah6591]

I freaking love you man!

[@AG_ASG]

I am trying to setup a few images (very small, certifications basically for the product) during the customisation. How do i insert different images for different product ? From the tutorial (which is amazing and simple), it seems whatever changes are made are for all products. I have several product categories. Any help would be highly appreciated. Thanks

[@Yashsyn]

What do ''product hooks'' do?

[@RehmatKhattak]

Hi Mr. Darrel Wilson, how can i get these "Prodcut Page" woocommerce addons in UX builder in elements sections? would you please help?

[@jancoca914]

I need it too

[@josef9601]

im in love with you !

[@darrelwilson]

you are welcome!

[@SLTheBro]

thankz bro

[@camilopimentel792]

Hello, at the time of building my product page, I don't get the options of "product page" 3:39, why?

[@peknorbert5246]

Same issue here. I don't have the "product page" relevant Woo-commerce elements. Anyone knows how to get those?

[@ЕкатеринаЖаркова-л8ы]

docs.uxthemes.com/article/245-how-to-create-a-custom-product-page Make everything as written in the instructions. After completing step 3, you will see a “product page”

[@ЕкатеринаЖаркова-л8ы]

@@peknorbert5246 docs.uxthemes.com/article/245-how-to-create-a-custom-product-page Make everything as written in the instructions. After completing step 3, you will see a “product page”

[@h.r.2062]

@@ЕкатеринаЖаркова-л8ы Thank you! Greetings from Germany

[@PauloMateiro]

@@ЕкатеринаЖаркова-л8ы Thank you !

[@mulkproject687]

Hello how can you design Shop Catalog page and Category catalog page

[@priyanshunaik3231]

Hii Darrel Wilson... I really like your video tutorials these very helpful for me... can you please make a tutorial about displaying Product gallery images vertically to left side instead of bottom.

[@olympiadima]

Hello, I have a problem when I have to choose the elements for importing there are only the basics elements by woocommerce per example the product gallery element is missing!!!!! Can someone help me!!! Thank you.

[@Ohwowryanwtf]

How are you able to hide the products tab?

[@Seremi21]

Aaaandd.....where is the price from the product page ? the PRICE ?

[@benjaminbrunelle8084]

Very good tutorial Darrel ! I have a request. I will create a one product e-commerce shop and I would like you're help into redirecting the cart page to the checkout page. With the latest update on Woocommerce 4.0.1 the option for Checkout page redirecting is not there anymore :/ Help :)