Sticky Product Not Working

Hi, I’m creating custom product page with elementor pro and i’m getting bit of a difficulty with “Sticky product
” feature. It is not working. I found this feature in Theme Settings/Single Product Section. The product description is longer than product image and when i scroll the webpage i want the product image to stick with description till the end but it’s not working

Hello,

Please consider using the Woocommerce builder of WoodMart allowing to create custom templates for product pages and other functional pages that are not editable by default. Woocommerce builder is the inbuilt functionality widget included in the builder you use on the site.
Please check this manual:
https://xtemos.com/docs-cat/woocommerce-layouts-builder/?theme=woodmart

Hope this helps you to create a custom product page.

Best Regards

Hi, I did create a custom product pages template but I still can’t figure it out. The product image is not sticking with the description . Thanks

Attachments:

You must be logged in to view attached files.

Hi, also want to know how can I style the tabs like product tabs product reviews tab there’s no option to change font or font style

Please do the following in order to make your product image sticky.

Click on the column which contains the product image > advanced > [XTemos] Extra > Enable Sticky Column

https://gyazo.com/ad65e80b0f75de779751a9946c4cea43

Thanks for the help its working now although I can’t seem to find any styling options for product tabs and product review elements like changing the font or font size .

Attachments:

You must be logged in to view attached files.

Hello,

Which font color or font size do you want to change. please send a screenshot i will give you a custom css code.

Best Regards.

Hi, I want to change font size and color for product reviews tab but i can’t find any style options for that. Thanks you!

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.woocommerce-Reviews :is(.comment-reply-title,.woocommerce-Reviews-title),
.woocommerce-Reviews .comment-reply-title,
.comment-form .comment-form-rating label,
label {
    text-transform: uppercase !important;
    font-size: 18px !important;
    color: blue !important;
}

Change the code as per your need.

Best Regards.

Thanks for the help.

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts