Bullet theme price

[MidnightCHEF]

hi,
I would like to display the price on product cards, on collections page in the bottom and keep the product name in top, can you help?
https://wollow-official.com/

[Moeed]

Hey @MidnightCHEF

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

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

Best Regards,
Moeed

[The_ScriptFlow]

This need to do coding in your theme file.

[BiDeal-Discount]

Hi @MidnightCHEF

let try to add this Custom CSS code:

.products .card-head .card-price {
  position: absolute;
    bottom: 10px;
}

the result will:

[devcoders]

Hello @MidnightCHEF

1. From your Shopify Admin, navigate to Online Store > Themes > Edit Code
2. In the Assets folder, open app.css and add your CSS code at the end

.products.product x-cell.card-price {
    position: absolute;
    bottom: 0;
}

[MidnightCHEF]

Can you also move “sold out” and sale % down on same line, so its only title that’s up in the top. also can you direct me where I can edit the size of the font for the cards?

[BiDeal-Discount]

Hi @MidnightCHEF

You can use this Custom CSS:

.card-meta x-grid > x-cell[span-y-s="1+1"] {
  margin-top: auto;

  /* font size for card sold out or discount percentage */
  font-size: 1.25rem;
}

/* font size for card title */
.card-meta x-grid > x-cell .card-title .no-style {
  font-size: 1.25rem;
}

/* font size for card price */
.card-meta x-grid > x-cell .card-price {
  font-size: 1.25rem;
}

[MidnightCHEF]

Where should this be added?

[BiDeal-Discount]

go to Shopify Admin → Sale channels → Online Stores → Themes → click to Edit code on your current theme → find app.css file.

Add that code to the end of this file