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
 General
 Design issues
 Product Detail design issue
Author « Topic »  

matheny00
Ecommerce Template Expert

USA
633 Posts

Pre-sales questions only
(More Details...)

Posted - 09/26/2018 :  12:21:41  
We offer free shipping and I hate where it shows on our Product Detail page Currently it is on the product title line that I like how it is shown is bad

Free shipping on orders over
Product Name XX.XX

What I would like is

Product Name in bold as it is and then maybe 40px to the right Free shipping on orders over XX.XX

I would also like to have my product detail page look cleaner by have under the description tabsthe layout shown below as below.. (currently terrible)

Price: XX.XX
Quantity XX Add to cart Check out

This done in 2 lines nice and clean

The website is lazermodels (dot) com

Plus any layout suggestions on the index page would be great.
Thanks



Craig Matheny
LazerMmodels.com

Andy
ECT Moderator

95440 Posts

Posted - 10/01/2018 :  23:46:16  
Hi Craig

Sorry I missed your post. For starters I would change this

.detailname h1 {
font-size: 1.2em;
/* [disabled]font-style: bold; */
padding: 6px;
float: left;
width: 71%;
margin-top: 10px;
margin-bottom: 12px;
border-bottom: 1px solid #ccc;
font-weight: bolder;
}

to

.detailname h1 {
font-size: 1.6em;
/* [disabled]font-style: bold; */
padding: 6px;
float: left;
width: 98%;
margin-top: 10px;
margin-bottom: 12px;
border-bottom: 1px solid #ccc;
font-weight: bolder;
}

You can change the order of elements on the product and detail pages with the css layout parameters https://www.ecommercetemplates.com/help/css-layouts.asp#proddetailorder

Andy

Please feel free to review / rate our software

matheny00
Ecommerce Template Expert

USA
633 Posts

Pre-sales questions only
(More Details...)

Posted - 10/03/2018 :  13:26:33  
Andy that made the text for product name better but the area I need help with is the product detail page as shown in the link.

http://lazermodels.com/css/lazermodels.jpg

Craig Matheny
LazerMmodels.com

Andy
ECT Moderator

95440 Posts

Posted - 10/04/2018 :  00:07:20  
I would change this

div.detailquantity{
float:left;
width:130px;
}

div.detailquantitytext{
margin-top:16px;
float:left;
width:30%;
text-align:right;
}



div.detailaddtocart{
float:left;
width:48%;
text-align:left;
padding-bottom:20px;
margin-top:12px;
}

to this

div.detailquantity{
float:left;
width:180px;
}

div.detailquantitytext{
margin:6px;
float:left;
width:80px;


}

div.detailaddtocart{
float:left;
width:48%;
text-align:left;
padding-bottom:20px;
margin-top:0px;
}

Andy

Please feel free to review / rate our software
  « 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