Move product rating above the product title (Dawn)

Solved

Move product rating above the product title (Dawn)

manbru
Explorer
85 0 22

Hello,

 

I want to move the product rating above the product title on my homepage, like in the image shown below.

 

My store: https://r1vex.myshopify.com/ 

 

 

 

Skärmavbild 2024-08-21 kl. 14.22.32.png

Accepted Solution (1)

BSS-TekLabs
Shopify Partner
2093 618 723

This is an accepted solution.

- Here is the solution for you @manbru 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

p.rating-count.caption, .card-information>.rating {
    top: -70px !important;
    position: relative !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1724244397968.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 2 (2)

saim007
Shopify Partner
602 74 102

@manbru You have to put the rating code above the product title code in the feature collection liquid file it is the coding work.

Saim | Shopify Partner Expert

Was I helpful?

Buy me a Coffee

🙂
Hire me   to unlock the full potential of your e-commerce store 🙂

BSS-TekLabs
Shopify Partner
2093 618 723

This is an accepted solution.

- Here is the solution for you @manbru 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

p.rating-count.caption, .card-information>.rating {
    top: -70px !important;
    position: relative !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1724244397968.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now