single product images and discount not looking Good

Hi longtime,
kindly help me with the following;
1.product image doesn’t show in elementor,and when i use product galley image the images they are not looking perfect on single product page, they are not centered, and the size is not perfect .
2. how can i change the position of the discounted percentage currently its positioned on top of the product image on both single and shop page and i would like to reposition the discounted percentage at the end of the product price on both single and shop pages. Where there’s discounted percentage which is positioned on top now to replace it with Wishlist icon right on top of the product page.

kindly check the single product page to understand why am requesting for help in the question above

Hello,

01. Please note that WooCommerce does not allow adding the main product image directly through Elementor. The product image must be set via the Product Editor in WooCommerce.

Regarding the image alignment and display issue, it is most likely due to the image size. The minimum recommended resolution for WooCommerce product images is 800px by 800px. To ensure proper display and alignment, please follow the image guidelines in the manual below and make sure all product images are uploaded in consistent dimensions:https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

02. Sorry to say there is no option in theme settings to reposition the discount percentage from the product image area to next to the product price on the single or shop pages. Regarding replacing the current discount badge with a Wishlist icon, this is also not available by default. HTML structure does not allow solving it by custom CSS.

Best Regards,

Too bad. Thanks for the reply

Estimated Delivery not showing on selected pages yet in woodmart theme settings its on

Hello,

Thank you for your reply!

For the issue of the Estimated Delivery not showing on selected pages, You are using a Custom Single Product layout, which is built with WoodMart WooCommerce builder.

Navigate to Layouts > edit the layout > and manually add the Product Estimate Delivery Widget.
Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards,

Thank you, let me work on that

Hello,

You’re very welcome!

Take your time — feel free to reach out if you run into any issues or have more questions. I’m here to help!

Best Regards,

Hi Aizaz Awan, sticky product image is not working on single product page, even when i have turn on sticky product button in woodmart theme settings. kindly help

Is it possible to set thumbnails border type on a single product page?

Hello,

01. Navigate to Layouts > Edit Single Product Layout with Elementor> Edit container and enable the option “Sticky Container” and check the issue: https://ibb.co/C1XsRkS

02. Try to add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item {
    border: 2px solid #e0e0e0; 
    border-radius: 5px;     
}

.woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item:hover,
.woocommerce-product-gallery .wd-gallery-thumb .wd-thumb-active {
    border-color: #000000; 
}

Best Regards,

Hey, thanks. Custom CSS code has worked and i have managed to sticky the container.

I need further help;
1.On single product page in elementor which widget can i use to display “you may also like…”?
2.Frequently bought together widget didn’t when i created the container for it.
3.Thumbnails on product image gallery, i have set left on gallery layout but its still showing down on a single product page.

Hello,

01. Use the products grid or carousel widget and choose the data source: https://ibb.co/9HHmfW97

02. Use the ” frequently bought together widget in the layout: https://ibb.co/N65qSNqH

Follow this guide on how to configure it: https://xtemos.com/docs-topic/frequently-bought-together/

03. Edit the layout and edit the product gallery widget and choose the gallery layout: https://ibb.co/S41GTBnX

Best Regards,

Hey, Thank you for your help i managed.

Hey, how can i align product images on centre on a single product page. During edit in elementor when i clink view page the product image is well aligned on centre and its not covered by the secondary header. but when i go to the shop page and view the product on single product page its not on the centre and part of it its covered by the secondary header.
please take a look and kindly help:https://dropmefiles.com.ua/en/8kPf

hey i have managed to center the images on single product page.

The only thing remaining is the header bottom partially covering the product image when scrolling the single product page.Is it possible to set the bottom header menu to move together with the page when scrolling it so that the product image dont shift position?

Hello,

The issue you’re experiencing is likely due to the sticky header overlapping the product image on the single product page. To resolve this, please follow these steps:

1. Navigate to Woodmart > Header Builder.
2. Edit the currently active header.
3. In the header settings, enable the option “Hide when scrolling down.”
https://ibb.co/cS6n28hW

This option will hide the sticky header when you scroll down the page and only display it again when you scroll back up, helping prevent it from covering.

Best Regards,

Hey, thanks it worked .

How i can i put available Offers for a product on a single product page just after the price?

Hello,

To display the stock availability (In Stock, Out of Stock) just below the price on the single product page:

1. Navigate to Layouts > Edit Single Product.
2. Add the Product Stock Status widget right below the Price element.

Also, make sure stock management is enabled:

• Go to WooCommerce > Settings > Products > Inventory and ensure “Manage stock” is enabled.
• Then, edit the individual product and under the Inventory tab, enable stock management and set the correct stock quantity.

If you want to display custom available offers below the price:

Edit the single product layout and add a Text Block widget just below the Price element and enter your offer content manually.

Best Regards,

Hey, I have set variations and attributes on variable products but nothing is showing on the single product page, only showing on shop page. Kindly help

how can i add sellers on a single product page?

Hello,

In case you have some new questions, please create a separate topic for the separate issue to avoid confusion.

Thanks for contacting us.

Have a great day !

Best Regards

[Author]

Posts