Product Page

Hi,

I’m working on this product page and have a few questions.
https://dev.infatot.com/product/koda-koala-teething-pair

1, I can’t find where to edit the Star Review Font size. There is now option for Review or Rating in the Typography > Advanced. Is it only by CSS?

2, Same as above, but for the Product Content element. In elementor, when I click on the element to update the font I see “This element have not options”.

3, The quantity input doesn’t show the number, it only has a blue background. Also, are there any pre defined Quantity Input designs which I can select from, or are they all created using custom CSS?
I want a simple design like https://woodmart.xtemos.com/makeup/product/ureadin-bath-gel/

4, Where do I configure the Product Sold element? It isn’t displaying anything.

Thanks

Hi admin-2531,

Thanks for reaching to us and appreciate your patience.

1. Navigate to Theme Settings > Typography > Advanced. In this area, you can assign elements to below Custom Class https://prnt.sc/io-tdHNTYyPz

div.woocommerce-product-rating

Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

2. Can you please specify which part you want to change styles? I will help you better.

3. Can you please delete Elementor Kit or disable it and double check?

4. Please go to Theme Settings > Single product > Sold counter to configure its settings.

Regards,

Hi, thanks for your reply.

For 3, I have reset the elementor Kit and the background colour is now white. However, there are still no numbers appearing in the quantity field.

I have checked the text colour and it is set to black, but nothing shows.

Thanks

Hi admin-2531,

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Kind Regards,

Please find the login details in the private area.
Thanks

Hi admin-2531,

Please see recorded video for better understanding https://go.screenpal.com/watch/cTfeXDni8lR

Kind Regards,

Thanks for the video. It was very useful.

One more question for this section.

I want the Buy Now button to display on the row below the Add to Cart. It does this when I minimise the page size, but I want it like that all the time.

2 screenshots,
1, How it is now, with the Add to Cart and Buy Now on the same row.
2, How I want it, the Buy Now button on the row below the Add to Cart.

Thanks, Kelvin

Attachments:

You must be logged in to view attached files.

Hi admin-2531,

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

div.wd-btn-design-full form.cart :where(button.wd-buy-now-btn){
    flex: 1 1 100%;
}

Regards,

Thanks for that.
Is it possible to hide the QTY and only show “In Stock”?

Image attached.

Thanks

Attachments:

You must be logged in to view attached files.

Hi admin-2531,

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

p.stock.wd-style-default.in-stock{
    margin-inline-end: 5px;
    font-size: 0;
}

p.stock.wd-style-default.in-stock:after ,p.stock.wd-style-default.in-stock:before{
    font-size: 20px;
}

p.stock.wd-style-default.in-stock:after {
    content: "In stock";
}

Regards,

Hi,

How could I hide the product gallery thumbnails on mobile view?

Thanks

Attachments:

You must be logged in to view attached files.

Hi admin-2531,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

.wd-gallery-thumb{
    display: none;
}

Regards,

[Author]

Posts