Product Page

This topic has 17 replies, 2 voices, and was last updated 5 days, 20 hours ago by Hung Pham.

Viewing 18 posts - 1 through 18 (of 18 total)

Author

Posts
April 1, 2025 at 2:33 am #650629

admin-2531
Participant

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

April 2, 2025 at 7:53 am #650993

Hung Pham
Keymaster

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,

April 2, 2025 at 12:18 pm #651076

admin-2531
Participant

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

April 2, 2025 at 1:35 pm #651109

Hung Pham
Keymaster

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,

April 2, 2025 at 3:35 pm #651158

admin-2531
Participant

Please find the login details in the private area.
Thanks

April 3, 2025 at 2:16 pm #651436

Hung Pham
Keymaster

Hi admin-2531,

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

Kind Regards,

April 4, 2025 at 12:14 am #651610

admin-2531
Participant

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.

April 4, 2025 at 9:13 am #651655
Hung Pham
Keymaster
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,
April 4, 2025 at 11:48 am #651721

admin-2531
Participant

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.

April 4, 2025 at 2:11 pm #651762
Hung Pham
Keymaster
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,
April 7, 2025 at 6:49 pm #652275

admin-2531
Participant

Hi,

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

Thanks

Attachments:
You must be logged in to view attached files.

April 8, 2025 at 6:47 am #652336
Hung Pham
Keymaster
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,
April 10, 2025 at 3:57 pm #653129

admin-2531
Participant

Is it possible to have 2 rows of widgets for the product carousel. Some products have more variation colours which leads to 2 rows. The products with 1 swatch row should have a space underneath so the carousel elements are the same size.

Thanks

Attachments:
You must be logged in to view attached files.

April 11, 2025 at 9:35 am #653283

Hung Pham
Keymaster

Hi admin-2531,

Unfortunately, there is no such option by default.

Best Regards,

April 11, 2025 at 11:17 am #653323

admin-2531
Participant

Hello, I have an “Active Filters” & “Price Filter” on the Shop Page Widget Area, but they are not displaying.

Thanks

Attachments:
You must be logged in to view attached files.

April 11, 2025 at 12:32 pm #653364

Hung Pham
Keymaster

Hi admin-2531,

You should deactivate all plugins (except Required Plugins) and then reactivate them one by one. This makes it very easy to isolate the plugin causing problems.

Regards,

April 11, 2025 at 12:58 pm #653370

admin-2531
Participant

I Only have Elementor, Woocommerce and Woodmart plugins active and I still have the issue.

April 12, 2025 at 11:40 am #653582

Hung Pham
Keymaster

Hi admin-2531,

Could you please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand if it is our theme issue or not?

Best Regards,
Author

Posts