How can I remove duplicate prices in Refresh theme cart?

Store Design
, , , ,
1

Hi,

On the cart page on Refresh theme the price is displayed twice. One underneath the product title and one on the right of the product title.

I would like to remove the price under the product title and then also make the price on the right of the product title bold font weight.

Any help would be great!

2

Hi @mmmtrading

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

.cart-item__details .product-option {

display: none;

}

.cart-item__details .product-option:last-child {

display: block !important;

}

span.price.price–end {

font-weight: bold;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

3

Hello @mmmtrading

It’s GemPages support team and glad to support you today.

You can try with the following code:

#main-cart-items .cart-items .cart-item__details .cart-item__name ~ .product-option{
  display: none;
}
#main-cart-items .cart-items .cart-item__totals .price.price--end{
  font-weight: bold;
}
.cart__footer .totals__subtotal-value{
  font-weight: bold;
}

Result:

Screenshot at Dec 11 19-27-54.png
Screenshot at Dec 11 19-27-54.png1835×612 58.3 KB

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

4

Hi, this doesn’t appear to be working properly. It has removed the price but it has also removed the product options such as ‘Monthly Subscription’ etc

Is there a way to remove just the price underneath the product title without impacting the product options?

Additionally, for the bold price, is there a way you are able to ensure it is directly aligned with the product title. Currently it appears to not be on the same line.

5

@mmmtrading

So sorry for missing your message.

You can try again with this code:

cart-items.page-width.section-template–16737946108185__cart-items-padding .product-option {
display: none;
}
.cart-item__details .product-option:last-child {
display: block !important;
}
span.price.price–end {
font-weight: bold;
}

Hope that my solution works for you.

Best regards,

Victor | PageFly