Adding "Per Month" at the end of price

Adding "Per Month" at the end of price

railtimeslive
Tourist
11 0 10

Afternoon, 

I'm hoping there's a way to add the text "Per Month" at the end of price of a product, which will also display throughout collections etc too. 

Website: www.railtimes.live

Any help would be much appreciated. 

Thanks again, 

Replies 3 (3)

BiDeal-Discount
Shopify Partner
792 105 178

Hi @railtimeslive 

Let try to add this Custom CSS code:

.product-price-container .amount,
.product_after_title .amount {
  position: relative;
}
.product-price-container .amount::after,
.product_after_title .amount::after {
    content: "/month";
    position: absolute;
    left: 100%;
}

 

The result:

BiDealDiscount_0-1748172526246.png

BiDealDiscount_1-1748172662994.png

 

 

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp

DaisyVo
Shopify Partner
4460 499 596

Hi @railtimeslive  

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file app.css and add this code at the end of the file

 

span.amount:after {
    content: '/month';
}

 

Result 

DaisyVo_0-1748172949765.png

 

Best,

DaisyVo

 

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

devcoders
Shopify Partner
1596 189 488

Hello @railtimeslive 

 

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

 

.product-price-container .price ins .amount::after {
content: " Per Month";
font-size: 90%;
color: #444;
margin-left: 4px;
}

 

devcoders_0-1748176375159.png

 

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!