derekrayner

I hope you can help with some css code for my shop.

1. I wonder if there is a way to take the product price and put it in brackets where the (+OTR) is but add a figure i designate which would be the OTR cost on a bike. So £4199 (£4349 inc OTR). This css only appears if the item has the tag available-to-order which i need to keep. Below is the css i have put in to it so far:

h4 a:hover{background-color:#808080    !important;border-bottom-style: none!important;text-decoration: none!important}
.tag-available-to-order .product-price::after {
    content: '(+OTR)';
}

2. I would like to take this text and hyperlink it to telephone a number i can designate. Again, i have added this code already which i have put below.

.tag-available-to-order .product-mark.sold-out:after {
  content: 'TO ORDER, CALL 01392 467700'!important;
  visibility: visible;
  position: absolute;
  left: 0;
  width: 100%;
  color: black !important

3. In the product page itself, i would like to have a hyperlinked text after it which will link to a separate page on a new tab. I only want this to appear on the product page. I don not have css for this.

Any help that can be given would be greatly appriciated. This is code i have found from other threads on the forum. Website is cmsexeter.co.uk

Never mind, i've figured it out.

Sorry, a bit new to the whole css thing. Can you elaborate?

On 11/23/2021 at 2:18 PM, tuanphan said:

You mean change "Sold out" text to another text?

Sorry, as you said.

Site URL: https://cmsexeter.co.uk

We found on these forums the ability to remove the 'add to cart' button using tags on the CSS system. We are now wanting to change the 'out of stock' notification text under the item and in it to show 'Available to order' if it sees the tag 'available to order' in the item tags. Is this possible.