How To Create An Amazing Custom Product Page - Flatsome Theme Tutorial
ฝัง
- เผยแพร่เมื่อ 14 ต.ค. 2024
- Video Flatsome Theme Demo Website: www.flatsometu...
Need Flatsome? Get It Here: www.darrelwils...
Watch The Full Flatsome Tutorial Here: • How To Create An eComm...
Need help creating a product page with Flatsome? Welp. this video should help you out
For more questions or whatever you want to learn about, feel free to visit my website at www.darrelwils...
Checkout my other Multilingual Wordpress Tutorial TH-cam Channels!
Spanish Channel: / @darrelwilsonenespanol
Arabic Channel: / @darrelwilsonarabic
Hindi Channel: / @darrelwilson3827
Portuguese Channel: / @darrelwilsonemportugues
French Channel: / @darrelwilsonenfrancais
German Channel: / @darrelwilsonaufdeutsc...
Want more help and news on Wordpress? Feel free to visit my website at www.darrelwils...
If you are using the flatsome theme and want to create a real awesome product page, in this video ill show you how!
Hello bro...How to set exit-intent popup by flatsome
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
hey bro , how you can creat that bold pricing font ?
thanks bro
Hi Darren. Is there a way to add the brand names feild? besides using Hooks. or can the hooks be modified? TY!
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!
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
Thanks Darrel again. You are doing an amazing work for the community. And thanks for the flatsome theme as well. Stay safe my man.
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.
Oh, wow! This looks awesome, Darrel! Let me like the video and continue watching.
Can you make custom product pages for specific product categories only or specific products (Sale Items)?
i am first to view, hello darrel, you made me dropshipper, this video i'v been waiting for 1 year, thanks.
first reply, thanks again brother i appreciate it
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
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?
Has anyone found a solution to this? I dont have Product Page Woocommerce options. Only the Shop option. Thank you
I'm not able to see any product elements in my theme, please help me!
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 )
Any way to do that with product catalog also? I see no custom in that section like product page...?
th-cam.com/video/40GRsm0PQbw/w-d-xo.html answer here @jostein
Hi, Darrel. Thanks you for this video. It's so useful!
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 )
nice informative video, what is best page builder do you recommend for online store
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!
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?
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.
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?
Hi Darrel. Can you show , how to add variation in Flatsome custom product page , please.
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?
Flatsome it is
@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
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.
Hi IFtikhar, did you manage to solve this?
Thank you for the great tutorial, how to add custom fields to the product page??
Bro great video... I just want to ask this applicable in bookable,subscription products? where calendar will be display ..
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?
Amazing! Love your work Darrel. You have helped me so much!
Me drinking coffee
Darrel: Get drunk and design
Coffee splashing out of my nose xD
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.
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.
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!
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.
Great tip!
if you need help feel free to ask .
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??
I have the same issue. I don't know if it is because i'm using inactivated flatsome theme. Can you resolve this problem?
I love all your videos! Thank you for all your amazing work!
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 👍🏻
My best youtuber.
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
Darrel you rock! How about if you have colour variations in your product?
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.
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?
That plugin was free version or paid version and how much the cost...great video
Is it possible to Add A Cart Icon To Ad To Cart Button
? if so, where can I find this option? Thanks in advance
LOL, First time I saw your tutorial. You made it interesting, thanx mate.
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?
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 ?
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
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.
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?
Good content , do you know how to make landing page for every different product ? Thanks
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.
Super, how about If I have two different kinds of products and I want a different layout for each?
i believe you can assign each product layout to specific categories
Thank you so much Darrel, you are so amazing, you are really helping and I so much appreciate you
thank you so much, brilliant tutorial
Glad you enjoyed it!
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!
Glad it was helpful!
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.
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.
Hi Darrel, the video was very helpful, but how to I create a customized product page for a variable product
Great video Darrel😀 I like the content. Keep it up 😊😊😊
More to come!
@@darrelwilson awesome 😀
Is this product page is amazing, really!
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 :)
Hi Mr. Darrel Wilson, how can i get these "Prodcut Page" woocommerce addons in UX builder in elements sections? would you please help?
I need it too
Hello my friend watch the video you are so awesome thank you for sharing
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...)
Hi Darrel, Can't i just use both Flatsome Woocomerce theme and Elementor Pro at the same time?
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?
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
Thanks so much Darrel!
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.
Gracias , excelente tutorial
Does Flatsome Theme have the capability of adding multiple product pages on the home page as tabs with bread crumbs?
What is exactly flatsome recommends size product image?
because I added many productos on my website but in the shop page are all big
thankyou so much! the video is really helpful
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?
Is this a custom product page using AliDropship WooCommerce plugin???
Hopefully you will reply. To this question.
I freaking love you man!
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?
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.
Hi, what's to plugin for the wishlist you use? Thanks!
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
Darrel also how do I edit the client form fields in checkout?
Hi Darrel, Iam trying to setup a custom product page but woo-commerce product elements are missing. Any idea why?
It seems they are using brizy page builder
What do you think greaaaaaaat man?
Hi brother, great tutorial.
If you can make a new video How to costumize check out page
However when you want to switch to a different theme all this work you do is almost 100% a loss since removing this theme leaves you a ton of short code, right? So any, or most content or design you create is only good for this theme from what I've seen from their own demo pages.
thankz bro
Hi. Nice video, but I don`t have this "product page" section in UX builder. How do I get this section?
you are very welcome!
Can i design different product page layout for different product?
Where to change breadcrumbs colour? Lol.. dunno if I'm just missing it everytime
HI, Darrel,
Please, how to I remove or disable Price, Shopping Cart from my product page? Thanks in advance.
Thank you ❤
Welcome!
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.
you miss the upsells module to add custom product page .. which module add upsells product ???
im in love with you !
you are welcome!
Is there a way to add videos hosted at TH-cam to the product page?
Can you tell me how do we add filter to the shop page?
Hello, at the time of building my product page, I don't get the options of "product page" 3:39, why?
Same issue here. I don't have the "product page" relevant Woo-commerce elements. Anyone knows how to get those?
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”
@@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”
@@ЕкатеринаЖаркова-л8ы Thank you! Greetings from Germany
@@ЕкатеринаЖаркова-л8ы Thank you !
sadly there is no category and tags links at the end and this is because flatsome is a bit limited for product page creation...
Dear how to add buy now button in flasome theme without plugin using programming code
It's Awesome... Thanks, #Darrel Willson
hello darrel, how can i add color to the 5 stars ? (in the testimonial)
hey , you can customize it using some CSS code
Aaaandd.....where is the price from the product page ? the PRICE ?
Hi Darrel, I wanted your other video on how to build a site, which I did. www.heyvalleygirl.com I'm working on the custom product page now after watching this video. One, do I have to create a page and then go to UXblock and add the custom page? The custom pages I created from this video are not showing in my "Shop" dropdown. Lastly, is there a way to hide the main product shop page? I don't want customers to be able to click on it. I only want the customer to go the pages in the dropdown.