-
AuthorPosts
-
July 19, 2019 at 9:54 pm #1120354
Hi
I added the regular and wholesale prices to the cart and checkout pages because my client wanted this.I’m having difficulty finding the exact CSS elements to have these prices display exactly like I do in the shop and single product pages.
I’m working with this on my staging server for now. I have provide a wholesale customer test account login credentials (in the private area) and the links to the cart and checkout pages as well as links to a product shop category page and single product page examples.
Can you help me find the correct CSS elements that I need to change for the cart and checkout paes so they displays the same as on the shop and single product pages?
Much appreciated.
LyseJuly 21, 2019 at 1:05 am #1120532Hey tremblayly,
Sorry, I took a look at your pages but I’m not sure what is different, please explain a little more.Best regards,
MikeJuly 21, 2019 at 5:22 am #1120565Hi Mike,
Here are screenshots with highlighted differences:
shop page pricing: https://www.dropbox.com/s/jc3xely919kvqa7/shop%20page%20pricing.jpg?dl=0
single product page pricing: https://www.dropbox.com/s/twppcpnusdu3dhb/single%20product%20page%20pricing.jpg?dl=0
cart page pricing: https://www.dropbox.com/s/reqyrt8h18m9fb7/Cart%20%C2%BB%20SilviaFindings.png?dl=0
checkout page pricing: https://www.dropbox.com/s/7g94tuacut31rp6/checkout%20page%20pricing.jpg?dl=0Thanks
LyseJuly 22, 2019 at 1:22 pm #1120838Hi,
This should change the style of the wholesale price in the checkout page.
.wholesale_price_title, .wholesale_price_container { text-decoration: none; font-size:15px; line-height:24px; font-weight:600; color :#a9905a; }
Unfortunately, we can’t style the text in the cart page and in the price total column because the regular price and the wholesale price is in the same container.
Best regards,
IsmaelJuly 22, 2019 at 4:54 pm #1120941Hi Ismael,
So I changed the checkout to be the same as the cart with the following:
/* adjust cart order table pricing to like checkout order table pricing */
.wholesale_price_title, .wholesale_price_container ins {
text-decoration: none;
font-size:13px!important;
line-height:24px;
font-weight:normal!important;
}
#top del, #top ins {
font-size: 13px!important;
font-weight:normal!important;
color: #000!important;
}All is good now.
Thank you so much for your great help!
LyseJuly 23, 2019 at 2:18 am #1121076July 23, 2019 at 4:34 pm #1121219Hi Mike,
I’ve applied the CSS styling to my live site, but it’s not working even after I cleared my local and server cache and also on different PCs and I flushdns.
Any insight from your end?Thanks
LyseJuly 23, 2019 at 11:03 pm #1121313Hi,
Did you add the code to the very top of quick css so it runs first? Do this and clear the cache a few times over.
Best regards,
Jordan ShannonJuly 24, 2019 at 12:21 am #1121337Hi Jordan,
All is good now. Thank you.
You can close this ticket.
LyseJuly 24, 2019 at 11:18 am #1121455 -
AuthorPosts
- The topic ‘Cart & Checkout pages display’ is closed to new replies.