Page 1 of 1

Element - Changing Look of Horizontal Quantity Pricing

PostPosted: Thu Aug 01, 2024 1:32 pm
by tmlogo
I'm trying to make some simple changes on the Quantity pricing displayed on the product more info page. I want to do the following, but can't find which template I need to change to make it happen.

1. Change the Verbiage for the "Sale" prices. (I tried under preferences and it didn't work).
2. Enlarge the font type, size, bold and color for "Quantity" prices
3. Ability to strike out the prices on the item if I show sale prices
4. Change all the fonts on the table

Thanks in advance.

Re: Element - Changing Look of Horizontal Quantity Pricing

PostPosted: Wed Aug 07, 2024 10:18 am
by cyoung
We would need to know what template you are currently using and what site this is for. You can contact ShopSite directly at info-team@shopsite.com.

Re: Element - Changing Look of Horizontal Quantity Pricing

PostPosted: Thu Aug 08, 2024 9:39 am
by ShopSite Lauren
1. There are 2 "On Sale" fields under Preferences > Store Text > Store Pages. The first is for regular pricing (if the template uses it). The second is in a section called "Quantity Pricing". Make sure you change it in the second place.

2 & 4. You can change the font separate from other fonts on the page with CSS. The quantity pricing table has the following classes:
qp_header - for the whole table
qp_quantitytxt - for the cell containing the word "Quantity"
qp_quantity - for the cells containing the quantity price breaks
qp_pricetxt - for the cell containing the word "Price"
qp_price - for the cells containing the price amount for each quantity
qp_saletxt - for the cell containing the words "On Sale"
qp_sale - for the cells containing the sale amount for each quantity

CSS to make the quantity row all larger and bold would look something like the following (you could add this CSS anywhere that would make it appear on the page including the header, footer or in the template directly)

Code: Select all
<style type="text/css">
.qp_quantitytxt, .qp_quantity {
  font-size: 110%;
  font-weight:bold
}
</style>


3. This one is more difficult because with CSS you can't make changes conditionally. You could do this with JavaScript or something that would work with conditions. Instead, I would recommend making the sale price column stand out more by making the font red or green. Below is the CSS from above, combined with additional CSS to make the sale prices green.

Code: Select all
<style type="text/css">
.qp_quantitytxt, .qp_quantity {
  font-size: 110%;
  font-weight:bold
}
.qp_sale {font-color: #536d2e}
</style>

Re: Element - Changing Look of Horizontal Quantity Pricing

PostPosted: Tue Aug 13, 2024 4:40 pm
by tmlogo
Unfortunately nothing changes except "qp_quantity".

Any ideas?...Thanks

Re: Element - Changing Look of Horizontal Quantity Pricing

PostPosted: Wed Aug 14, 2024 10:31 am
by ShopSite Lauren
Can you give me a URL to the page you are adjusting?

Re: Element - Changing Look of Horizontal Quantity Pricing

PostPosted: Thu Aug 15, 2024 3:45 pm
by tmlogo
I have sent you a private message. Thank you.