Elementor Pro Custom Product Page Design - Part 1

Elementor Pro Custom Product Page Design - Part 1 | T-Shirt Variations

Рет қаралды 31,614

Күн бұрын

Learn how to create a custom T-shirt product page using Elementor Pro.
Download template here:
urieljsoto.gumroad.com/l/simp...
Custom CSS:
/*Price color*/
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: black;
}
/*swatch titles*/
selector td{
background-color: transparent;
color: black;
padding: 0px;
}
🔵 Join Our Facebook Community!
bit.ly/urielsotofbgroup
🟢 Tech Support:
urielsoto.com/services/
🟢 My Web Agency:
vluxdesigns.com/
MY COURSES:
🟣 Elementor Mobile Responsive Course
bit.ly/elementormobile
🟣 Website Building Factory Course
bit.ly/websitebuildingfactory
PRODUCTS I USE FOR MY WEBSITES:
🔴 Get Elementor Pro - My Favorite Page Builder
bit.ly/urielelementorpro
PRIVATE GROUP:
🔵 Join My Patreon & Get Design Downloads
bit.ly/uspatreon
CONTACT ME:
My Website: urielsoto.com/
Facebook: / urielsotodev
Linkedin: / uriel-soto-976b3117a

Пікірлер: 41

@Kimmiko 2 жыл бұрын

I love the way you explain things, you are easy to follow, so please continue making the series and more!

@UrielSoto 2 жыл бұрын

Thank you. I appreciate that feedback. I'm always trying to make sure I explain things as simple as possible.

@arbazali4573 2 жыл бұрын

Uriel, seriously you are amazing. Thanks for this toturial.

@UrielSoto 2 жыл бұрын

You're welcome I'll have next part out on Monday hopefully

@John-dk1dg 2 жыл бұрын

Your tutorial's easy to follow. I hope you will continue making the series.

@UrielSoto 2 жыл бұрын

Yes I'm definitely thinking about it.

@nasimaslam3658 2 жыл бұрын

Thanks bro, for giving awesome tutorial, I really loved it

@prokassim 2 жыл бұрын

Thank you for great tutorials, and yes please do that.

@UrielSoto 2 жыл бұрын

I will for sure. Thanks

@kerpoostudio Жыл бұрын

that was great thank you so much

@sudani1969 2 жыл бұрын

Hey this guy tutorial's is great, keep it up

@bhupendrajaiswal7686 Жыл бұрын

nice tutorial keep making!

@groovylucas4939 2 жыл бұрын

So helpful i was stucked with woo commerce style even thought i went too code myself

@AverageDIYdude Жыл бұрын

Changing the variation background should be in this selector: table tbody tr:hover>td, table tbody tr:hover>th {} Thus: selector th{ background-color: transparent; color: black; padding: 0px; }

@ZaahirJappie Жыл бұрын

Thanks for the video. I do have 2 issues though, one is that the title background remains grey on both standard and hover AND when I create a variable product, my shop thumbnail has "select options" and not "add to cart" anymore.

@MurzynskieMigdalki Жыл бұрын

Which plug-in do you recommend to edit the appearance of product variants, e.g. color / size?

@moviestudio273 2 жыл бұрын

best content

@tacoanneveldt7647 2 жыл бұрын

Hey dude, Awesome video, tnx a lot! I have one question, i would like to center the colour and size options. Do you have a CSS code for this action or any other possible way of doing? Tnx!

@MEOWMEOWMELON 7 ай бұрын

Hi Uriel great video. However I still have the grey lines on the background after adding the additional CSS. Do you have any idea for to fix it. Thanks in advance

@Pauullll09 5 ай бұрын

Thanks for the tutorial! In my case, however, only the gray behind the variations is removed, but not behind the respective label. Do you have a solution for this?

@leomarkconstantino4451 Жыл бұрын

For the color attribute or in my case I wan to show the image can I put it above the name of the color is that possible?

@kevganhiga 2 жыл бұрын

Bien hermano! A mi me interesa todo lo relacionado a Woocommerce. Tu canal es buenísimo.

@UrielSoto 2 жыл бұрын

Gracias. Voy a salir con más videos así 👌🏼

@galogalofre 2 жыл бұрын

@@UrielSoto Amigo Uriel, hazte los videos hermanos, pero para la comunidad latina. Es cierto que estos en inglés uno los puede seguir, pero nunca estaría de más escuchar al profesor explicando en el mismo idioma.

@sabeelmustafa Күн бұрын

i don't know why my woo-commerce doesn't have a variation option, its just attributes and then advance

@Scarsen 2 жыл бұрын

I think if there is a sizechart it would be great addition to the product. It will reduce the returns of the product and the buyers would know the precise measurments for every size.

@UrielSoto 2 жыл бұрын

Yes you can add that to the gallery. But also even make a tab for it.