A store owner seeks help arranging product display elements: positioning product information text below the title, showing cost beneath that text, and displaying discounts alongside the price.
Solution Provided:
Technical Details:
price.liquid fileOutstanding Request:
The store owner now asks about mobile optimization—specifically making price, discounted price, and savings text smaller and aligned, with price and savings positioned opposite each other on mobile devices. Screenshots were shared showing current vs. desired mobile layout. This mobile formatting question remains unanswered.
How can I position the following elements for my featured products. 1.product information text below the product title 2. display the product cost beneath product information text 3. display discount alongside the cost?
Below is an example of what I am trying to create with the underlined added elements:
Store link: https://95d536-88.myshopify.com/
Store keycode: www
What do you want exactly
We will need to edit the code of your theme to do that. Would you mind if I send a collab request to access your store so I can help you?
Sure
Hi, request sent!
Accepted
Please wait for a while
I’m done with your price request. Related to 1st, you can add a meta field and then add code to display it below the title, or you can select the option Show vendor to display the vendor of product
Thanks! In which file & line of code is the savings display implemented? I can’t find seem to find the code that made this possible
You can see the saving code in price.liquid file, add CSS code in Custom CSS in Online Store > Themes > Customize > Theme settings
Thanks!
