Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

HIDE PRICE ON SOLD ITEMS ON PRODUCT PAGE


Recommended Posts

Site URL: https://www.alifelessordinary.store/shop/p/mother-of-pearl-shell-cups

Hello, 

I would like to hide the price on sold items on the product page, and also on the related products (which are sold) on the same page. I currently have code to hide the sold price on the 'shop' page but it does not work on the product page and the price still show when sold.  

current code is: 

.sold-out .sqs-money-native { display:none; }
.view-item .sold-out .sqs-money-native { display:block; }

Any help would be most appreciated! 

Thankyou. 

Emma

Link to comment
On 6/4/2021 at 12:35 PM, alifelessordinary said:

Site URL: https://www.alifelessordinary.store/shop/p/mother-of-pearl-shell-cups

Hello, 

I would like to hide the price on sold items on the product page, and also on the related products (which are sold) on the same page. I currently have code to hide the sold price on the 'shop' page but it does not work on the product page and the price still show when sold.  

current code is: 

.sold-out .sqs-money-native { display:none; }
.view-item .sold-out .sqs-money-native { display:block; }

Any help would be most appreciated! 

Thankyou. 

Emma

Hi Emma,

The below code worked for me.

// Hide Price when product is out of stock
.sold-out .ProductItem-details .product-price, .sold-out .ProductList-overlay .ProductList-meta .product-price {
  display: none;
}

// Hide Add to Cart button when product is out of stock
.sold-out .ProductItem-details .sqs-add-to-cart-button {
  display: none;
}

Best of luck!

Link to comment
On 6/6/2021 at 4:57 PM, LXK said:

 

// Hide Price when product is out of stock
.sold-out .ProductItem-details .product-price, .sold-out .ProductList-overlay .ProductList-meta .product-price {
  display: none;
}

// Hide Add to Cart button when product is out of stock
.sold-out .ProductItem-details .sqs-add-to-cart-button {
  display: none;
}

 

Hello LXK, 

 

Worked a treat! Thank you so much! really appreciated! 

have a good week.

cheers

emma 

Link to comment
On 6/4/2021 at 6:35 PM, alifelessordinary said:

Site URL: https://www.alifelessordinary.store/shop/p/mother-of-pearl-shell-cups

Hello, 

I would like to hide the price on sold items on the product page, and also on the related products (which are sold) on the same page. I currently have code to hide the sold price on the 'shop' page but it does not work on the product page and the price still show when sold.  

current code is: 

.sold-out .sqs-money-native { display:none; }
.view-item .sold-out .sqs-money-native { display:block; }

Any help would be most appreciated! 

Thankyou. 

Emma

Hi. I see these problems. Do you want to fix?

Site URL: https://www.alifelessordinary.store/

1. (Mobile-Footer) Make footer text same line?

alifelessordinary.store-01-min.png

2. (tablet-About) Text overlap

alifelessordinary.store-02-min.png

3. (Mobile-Shop) Make nav links 2-3 lines, instead of scrollbar?

alifelessordinary.store-03-min.png

4. (Mobile-Products) Show breadcrumb on top of products?

alifelessordinary.store-04-min.png

Link to comment
  • 3 weeks later...
On 6/6/2021 at 8:57 AM, LXK said:

Hi Emma,

The below code worked for me.

// Hide Price when product is out of stock
.sold-out .ProductItem-details .product-price, .sold-out .ProductList-overlay .ProductList-meta .product-price {
  display: none;
}

// Hide Add to Cart button when product is out of stock
.sold-out .ProductItem-details .sqs-add-to-cart-button {
  display: none;
}

Best of luck!

Alas, this did not work for me. My page is still showing the price of the sold out item. Any other suggestions?

https://abigailcarter.com/art/p/ruthless-iternations

Thanks,

Abby

Link to comment
On 6/29/2021 at 4:16 AM, Abbodabby said:

Alas, this did not work for me. My page is still showing the price of the sold out item. Any other suggestions?

https://abigailcarter.com/art/p/ruthless-iternations

Thanks,

Abby

Add to Design > Custom CSS

/* Hide sold out price */
.sold-out span.sqs-money-native {
    display: none;
}

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...