Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site
 All Forums
 Technical
 Tips and Tricks - HALL OF FAME
 "AS LOW AS" Pricing shown on products page
Author « Topic »  

dbdave
ECT Moderator

USA
10245 Posts

Posted - 01/13/2018 :  18:11:12  
UPDATER-PROOF = YES
.asp AND .php = YES

In my store, we have many products with quantity pricing.
In the product details pages, we have the native ect feature to show the quantity discounts.
EXAMPLE


For the products page, we can also show this, but if you are like us, some products may have 3 price breaks, and some may have 5.
This can throw off the layout. It's also quite overwhelming when you want to keep the layout clean and force the customer to the details page to order.

I always wanted to show the lowest price break (as low as $x.xx), but I was thinking that would just be more hacking to the core code, so I have just settled on showing a message "quantity pricing applies" and the "starting price" something like "Priced from $x.xx".
EXAMPLE


Thinking today, of how I can make this work, I have the solution and it's all .css based.
This makes it updater-proof and should work with .php and .asp versions just fine.

The first step is to get the quantity pricing showing on the products page.
This assumes you are using .css layouts by the way. You need quantitypricing added to the list therein your includes file
.asp example -
productpagelayout="productid, productimage, productname, detaillink, quantitypricing"


Next is the css.

Add the following to your main .css file and that's it.
/* qty pricing on products page------*/
div.prodquantpricingwrap{
width:100%;
padding-top: 5px;
padding-bottom: 0px;
border: 0px;
}
div.prodqpheading, div.prodqpheadquant, div.prodqpheadprice, div.prodqpquant, div.prodqprow{
display:none !important;
}
div.prodqpprice{
padding: 1px;
width:98%;
font-weight: bold;
}
div.prodqpprice:before{
content:"As low as ";
}
div.prodqprow:last-child{
display:inline !important;
}

The result
EXAMPLE


Enjoy...

Edited by - dbdave on 05/06/2023 08:02:38

midvalleydrifter001
Ecommerce Template Expert

USA
912 Posts

Posted - 01/13/2018 :  20:11:29  
Love this feature.

Thanks for sharing.

Patrick

Marshall
Ecommerce Template Guru

USA
1874 Posts

Posted - 01/13/2018 :  22:40:04  
Typo/Oops. Two semi-colons, noted in red below. Remove the second one if you copy/paste the CSS.

/* qty pricing on products page------*/
div.prodquantpricingwrap{
width:100%;
padding-top: 5px;
padding-bottom: 0px;
border: 0px;
}
div.prodqpheading, div.prodqpheadquant, div.prodqpheadprice, div.prodqpquant, div.prodqprow{
display:none !important;
}
div.prodqpprice{
padding: 1px;
width:98%;;
font-weight: bold;
}
div.prodqpprice:before{
content:"As low as ";
}
div.prodqprow:last-child{
display:inline !important;
}


Marshall
CENLYT Productions - ms designs
Affordable Web Design
Custom Ecommerce Designs
Responsive Websites
Cenlyt.com

dbdave
ECT Moderator

USA
10245 Posts

Posted - 01/13/2018 :  23:05:06  
Thanks for the heads up, the original post is fixed and safe to copy

quote:
Typo/Oops. Two semi-colons, noted in red below. Remove the second one if you copy/paste the CSS.
  « Topic »  
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022 ecommercetemplates.com
This page was generated in 0.03 seconds. Snitz Forums 2000