Return to previous page

Css style Selector in single product page

This topic has 3 replies, 2 voices, and was last updated 1 years, 6 months ago ago by Marie

Marie

Participant

April 4, 2023 at 11:33

Hi!
I am using a plugin (Called Aplazame) for installment payments. I used a static block to write the code:

For prices without discount it works fine, but if the price has a discount, it shows the full price instead of the discounted price. If I instead put data-price=”.price ins .amount, .price .amount”, the discounted price works fine, but the regular price shows prices of other products.

https://prnt.sc/0K_XBQbdDoPh

The problem here is that I am unable to find a unique CSS style for the main product in your template to indicate it to the widget, as all product styles have the same selectors or at least I haven’t been able to find a specific one that includes the main price product, and since the right frame is coded first, it is the first one to be taken.

https://prnt.sc/W-0NfBItAkt3

I need to find a unique CSS selector for the main product, I have tried all of the ones for the same and they are shared with other products.

Thanks for you help.

Best regards

Please, contact administrator
for this information.

#352249 Copied Theme version: Versión: 9.0.5 WooCommerce version: 7.5.1

2 Answers

Rose Tyler

Support staff

April 4, 2023 at 15:14

Hello, Marie,

Thank you for contacting us and for using XStore.

We tried to edit the html content to find the best selector for your need but we could not because the editor does not load -> https://prnt.sc/_yCDOGYCgiMy and the possible reason you may find in WooCommerce -> Status -> Logs (CRITICAL Allowed memory size of 268435456 bytes exhausted (tried to allocate 4198400 bytes))
You need to contact your hosting provider to get help with this memory error.

So, you may try the next selectors and check by your own ->
.et_product-block > .price bdi
Hope they are what you asked for!

Kind Regards,
8theme team

#352295 Copied

Marie

Participant

April 4, 2023 at 18:27

Hi Rose,

Yes, it’s quite annoying, but the only solution is to upgrade the hosting plan. It’s a server for testing purposes, so I’ve had to get used to removing the loading “manually”.

Thank you very much for your help. With the code you sent me, only the price without the discount was displayed, but I added this code: data-price=”.et_product-block > .price ins bdi, .et_product-block > .price bdi” and now it works fine.

Thanks again
Best regards.

#352317 Copied
Tagged: selector, single-product page, style, themes, woocommerce, wordpress
Viewing 3 results - 1 through 3 (of 3 total)