Post by reb_111 » Sat May 12, 2012 1:13 am

Hi I am new here, I am using opencart version 1.5.2. default theme. I don't know what I did, the product info page is messed up. The lines are too long or missing. And the additional images only show 2 pics one each line, I don't know how to fix them, please help, please show me how to fix it step by step. Thanks

From the pictures you can see my problems
1.JPG

1.JPG (45.4 KiB) Viewed 818 times

1a.JPG

1a.JPG (45 KiB) Viewed 818 times


need to be fix like this layout
2.JPG

2.JPG (52.98 KiB) Viewed 818 times

My product info stylesheet:

/* Product */
.product-info {
overflow: auto;
margin-bottom: 20px;
}
.product-info > .left {
float: left;
margin-right: 15px;
}
.product-info > .left + .right {
margin-left: 265px;
}
.product-info .image {
border: 1px solid #E7E7E7;
float: left;
margin-bottom: 20px;
padding: 10px;
text-align: center;
}
.product-info .image-additional {
width: 260px;
margin-left: -10px;
clear: both;
overflow: hidden;
}
.product-info .image-additional img {
border: 1px solid #E7E7E7;
}
.product-info .image-additional a {
float: left;
display: block;
margin-left: 10px;
margin-bottom: 10px;
}
.product-info .description {
border-top: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
padding: 5px 5px 10px 5px;
margin-bottom: 10px;
line-height: 20px;
color: #4D4D4D;
}
.product-info .description span {
color: #000000;
}
.product-info .description a {
color: #4D4D4D;
text-decoration: none;
}
.product-info .price {
overflow: auto;
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 10px 5px;
margin-bottom: 10px;
font-size: 15px;
font-weight: bold;
color: #333333;
}
.product-info .price-old {
color: #F00;
text-decoration: line-through;
}
.product-info .price-new {
}
.product-info .price-tax {
font-size: 12px;
font-weight: normal;
color: #999;
}
.product-info .price .reward {
font-size: 12px;
font-weight: normal;
color: #999;
}
.product-info .price .discount {
font-weight: normal;
font-size: 12px;
color: #4D4D4D;
}
.product-info .options {
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 10px 5px;
margin-bottom: 10px;
color: #000000;
}
.product-info .option-image {
margin-top: 3px;
margin-bottom: 10px;
}
.product-info .option-image label {
display: block;
width: 100%;
height: 100%;
}
.product-info .option-image img {
margin-right: 5px;
border: 1px solid #CCCCCC;
cursor: pointer;
}
.product-info .cart {
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 10px 5px;
margin-bottom: 20px;
color: #4D4D4D;
overflow: auto;
}
.product-info .cart div {
float: left;
vertical-align: middle;
}
.product-info .cart div > span {
padding-top: 7px;
display: block;
color: #999;
}
.product-info .cart .minimum {
padding-top: 5px;
font-size: 11px;
color: #999;
clear: both;
}
.product-info .review {
color: #4D4D4D;
border-top: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
margin-bottom: 10px;
}
.product-info .review > div {
padding: 8px;
border-bottom: 1px solid #E7E7E7;
line-height: 20px;
}
.product-info .review > div > span {
color: #38B0E3;
}
.product-info .review .share {
overflow: auto;
line-height: normal;
}
.product-info .review .share a {
text-decoration: none;
}

Newbie

Posts

Joined
Sat May 12, 2012 12:36 am

Post by anung » Sat May 12, 2012 1:57 am

if you mean is (Brand : Sony) missing
check in admin site, catalog--->product----> edit the product that you want, in link tab, fill in the Manufacturer

User avatar
Active Member

Posts

Joined
Fri Mar 30, 2012 10:32 am
Location - Indonesia

Post by reb_111 » Sat May 12, 2012 11:50 am

No. It's not that. It' s about the lines.
U can see from the first two pics that some lines r longer and go towards the product images. I think I need to adjust the margin, padding or border.. I don't know which one needs to be adjusted. Help please.

Newbie

Posts

Joined
Sat May 12, 2012 12:36 am

Post by MrTech » Sat May 12, 2012 2:19 pm

My best guess is that something with the images changed, causing your lines to layout differently. I have a mod that change the product page massively, it may be of help but you would be better off using firebug to see if you can solve the problem directly.

~
Install Extensions OR OpenCart Fast Service! PayPal Accepted
I will professionally install and configure any free or purchased theme, module or extension.

Visit http://www.mrtech.ca if you need an OpenCart webmaster
~


User avatar
Active Member

Posts

Joined
Mon Jan 09, 2012 2:39 pm
Location - Canada, Eh!

Post by benpuk » Thu Dec 20, 2012 6:59 am

hi anyone can help pls. having problem with the product description box. the text showing too much margin/space on the left. how caan i edit it to make it look like same as default, no margin. thanks

Newbie

Posts

Joined
Thu Dec 20, 2012 6:29 am

Post by MrTech » Fri Dec 21, 2012 12:46 am

Ben, better to start your own new thread, you will get better answers that way. But to answer your question, you can use Firebug to help you figure it out.

~
Install Extensions OR OpenCart Fast Service! PayPal Accepted
I will professionally install and configure any free or purchased theme, module or extension.

Visit http://www.mrtech.ca if you need an OpenCart webmaster
~


User avatar
Active Member

Posts

Joined
Mon Jan 09, 2012 2:39 pm
Location - Canada, Eh!
Who is online

Users browsing this forum: No registered users and 19 guests