Bold text on labels & price on the image

Hello,
wish this message find you well.

I am writing about some topics.

1) I wanted to know how can I make the text on labels bigger and bolder?
I have tried it with css, but after some days the text goes back as it it by default from the theme.

Installing the child theme and making the changes directly on the theme’s code, I’m afraid to do so because I have not had any experience before with this. That’s why I have tried only with adding custom CSS code.

2) We want the price of the products to be shown on the main picture on mobile version, because clients screenshot the products and write us on whatsapp and ask for the price. They almost never scroll down to see the price, or also read the description of the product. (Please see the screenshot “2” and “topic 2” to better understand on how it looks)
Is there any way that the price to be shown on the product picture, as the labels are?

3) We would like to change the label “Sold Out” to “coming soon” (but in albanian language which is “Vjen së shpejti”). And the label to have different background color, not the red one.
I have tried this also tried this with CSS, but it went back as it was by default.

4) We would like the button “Add to cart” to be shown on the top. Please see the printscreen “topic 4” to better understand what we want.
How can we do it?

5) What should be the perfect sizes for the images, so all the images/the “add to card” button should be shown and fit in the first screen on mobile version? (please check “topic 5” printscreen to understand).
As I mentioned above, the clients like never scroll down, and it is exchasting to tell them the price of the product and send pictures. Because they see only the main picture.

Thank you very much.
We will look forward for your answer 🙂

Attachments:

You must be logged in to view attached files.

Hello,

1. Send me a screenshot of which labels you mean.

2. Sorry, for now, there is no way to define the price on the image. You can replace the Price element through the Layouts – https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/ so it will be shown in the first screen of the phone.

3. You can change the title via the Loco Translate plugin – https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/

Try to change the color via Theme Settings -> Shop -> Product labels – https://prnt.sc/QYqDF8acApUu

4. Use the Layouts to change the position of that element – https://prnt.sc/f6x1RWugHXnt

5. You can show the add to cart form first – https://prnt.sc/mbiPlcwLomdN so the customer will scroll to see the image and at the same time, they will see the price.

Kind Regards

Hello,
thank you for your reply.

I made the changes about the topics 3, 4 and 5.

About topic number 1: I am speaking for every kind of label like “the discount” label, the out of stock label, the “new” label. https://prnt.sc/cQDUVUH-KP5u
We want to make the label bigger and the text bigger and bolder. I have tried with css but after some days it goes back as it ic by default.

6) Another topic that I would like to discuss is that when we click on the categories of blog’s posts, it shows “error 404”, even that the category have posts with that category.
Please check it: https://eropop.al/edukim/
https://prnt.sc/cBGttGC79nTe

How can I fix this?

Thank you very much

[Luke Nielsen]

1. Disable the label in percentage – https://prnt.sc/Ii15px2FJ8YN then change the “Sale” text to another one via Loco Translate: https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/

.single-product .woocommerce-product-gallery .product-labels.labels-rounded .product-label {
    width: 80px;
    height: 80px;
}

.single-product .product-labels.labels-rounded .product-label {
    border-radius: 50%;
}

The above code makes the label bigger on the product page.

6. It seems that the issue is related to the Permalinks, so first try to resave them via Settings -> Permalinks, if it doesn’t help you, send me access to the admin panel.

Kind Regards

• This reply was modified 1 month, 1 week ago by Luke Nielsen.

Hello,
Thank you for extending the support, we appreciate it a lot!

About the point 6, below you will find the credentials.

Thank you so much!

7. We would want to add some suggested products on checkout page, but I can’t find how to add them.
May you please tell me?

Thank you so much!

Hello,

May I enable the default theme to check how it works there?

Looking forward to collaborating with you!

Kind Regards

Yes, do whatever you need to do. Thank you so much

Hello,

The same happens on the default theme – https://prnt.sc/Wwd-vw_h1VLj

The issue in the permalinks, the post categories have the “category” permalink and the WooCommerce, so if you rename the product category – https://prnt.sc/gMgQ88rUtwv9 the post category starts to work.

Kind Regards

The same happens on the default theme – https://prnt.sc/Wwd-vw_h1VLj

-So we can’t add products suggestions on checkout page?

The issue in the permalinks, the post categories have the “category” permalink and the WooCommerce, so if you rename the product category – https://prnt.sc/gMgQ88rUtwv9 the post category starts to work.

– I’m not finding where to do these changes

It is situated in Dashboard -> Settings -> Permalinks. I have already fixed that, so you can recheck the issue.

Kind Regards

Oh thank you so much! I really appreciate it!

What about products suggestion on checkout page?

You can try to use the Checkout layout builder and show some kind of product via the Products (grid or carousel) element – https://prnt.sc/krcRKdmHxmLS

Kind Regards

[Author]

Posts