How can I add text above the sale price on the Focal theme?

Store Design
1

Hello, I use the Focal theme and I would like to add text above on sale price like this as shown on screenshot. In this case its a star rating.

Can anyone help me?

My shop: https://leyah.de/products/5-in-1-haarstyler

sho.jpg
sho.jpg421×102 8.36 KB

2

Hi @LeyDE

This is David at SalesHunterThemes.

Thank you for your question.
To add the text as you want.
Follow this path:

Themes => edit code => asset => theme.css

and add this code to bottom of the file theme.css

.product .product-meta__price-list-container {
    position: relative;
    padding-top: 20px;
}
.product .product-meta__price-list-container:before {
    content: 'your text';
    display: block;
    position: absolute;
    top: 0;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

3

Thanks for the fast response, David.
I want to add the loox reviews star icons on this line. How can I do that?

4

Hi @LeyDE
In this case you only install the app, then in theme customize, open the product page, you can use app block and add the app into.
If you still not clear how to do, I think you can contact with app supporter, they can guide you step by step

5

Hey,
Tamarry from the Loox team here :slightly_smiling_face:

Here’s an article on how to add the Rating Widget to your Product pages:
Adding the Rating Widget to your store

In any case, our support team would be happy to help!

Please feel free to reach out at support@loox.io.