'View' Product buttons on homepage

Solved
mb2021
Excursionist
18 0 5

Hi,

Is there a way to centre my product names and prices underneath each product and then add a 'View' button underneath each product?

www.hurtliqueur.co.uk I'm using the Debut theme. 

 

Screenshot 2021-04-21 at 13.01.43.png

0 Likes
HardikDavra
Shopify Partner
1922 302 826

This is an accepted solution.

Please place this code at the end of theme.scss

li.grid__item--collection {
    text-align: center;
}
.price--listing {
    align-items: center;
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
khilan
Trailblazer
179 11 22

hey @mb2021 

i can solve this your problem.

please change this code .

theam.css open this file and change this code .

.product-card__title {display: block; }
and 2 one change this code .
.price{ display:flex;}
thank you so much.
khilan
Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help
0 Likes
dmwwebartisan
Shopify Partner
5846 1337 1715

This is an accepted solution.

@mb2021 

Please add the following code at the bottom of your assets/theme.css file.

.product-card__title {
    display: block !important;
    text-align: center !important;
    width: max-content;
    justify-content: center;
    margin: 0 auto;
}

.price {
    display: block !important;
    text-align: center !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
mb2021
Excursionist
18 0 5

Thank you for your replies.

 

Is there a way to add a button underneath each product where customers can click to be taken to the product?

HardikDavra
Shopify Partner
1922 302 826

You can simply click on the product and then go to product page.

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes