The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 01-14-2010, 01:42 AM
Genoa Township Park District's Avatar
Genoa Township Park District is offline
Junior Member
 
Join Date: Jan 2010
Posts: 4
Question

How to display the right and left panels correctly on product pages


I really need some assistance as I'm running into a problem with how the product pages are displaying.

We are using WordPress 2.9. The site can be seen by going to:
http://66.147.244.185/~genoapar/?pag...product=371278

I've modified the CSS on Ecwid, but I'm still having issues with the right panel. What I'd like to do is to make the left panel display at the top (width: 585px) and the right panel display below the left panel with a width of 585px.) Can this be done and if so...can you please tell me?

I need super simple directions on this fix, such as "add this code to the CSS on Ecwid". Seriously.

Any help you can provide would be greatly appreciated!
  #2  
Old 01-14-2010, 12:01 PM
Qetzal's Avatar
Qetzal Qetzal is offline
Ecwid Team
 
Join Date: Sep 2009
Posts: 10,847
Default

Quote:
Originally Posted by Genoa Township Park District View Post
I really need some assistance as I'm running into a problem with how the product pages are displaying.

We are using WordPress 2.9. The site can be seen by going to:
http://66.147.244.185/~genoapar/?pag...product=371278

I've modified the CSS on Ecwid, but I'm still having issues with the right panel. What I'd like to do is to make the left panel display at the top (width: 585px) and the right panel display below the left panel with a width of 585px.) Can this be done and if so...can you please tell me?

I need super simple directions on this fix, such as "add this code to the CSS on Ecwid". Seriously.

Any help you can provide would be greatly appreciated!
So you need to make a panel with options to be wider, correct?

Add the following custom CSS code:

HTML Code:
div.ecwid-productBrowser-details-rightPanel div.ecwid-productBrowser-backgroundedPanel {
width:550px;
}
__________________
Eugene K.
Ecwid Team

@ecwid | Facebook | Ecwid Knowledge Base
  #3  
Old 01-14-2010, 02:50 PM
Genoa Township Park District's Avatar
Genoa Township Park District Genoa Township Park District is offline
Junior Member
 
Join Date: Jan 2010
Posts: 4
Default Just one more step to finish the task...

Ok, this was perfection! It made the right column the right width. Now, just one last step and it will be totally perfect!

How do I make it so that the "left panel" displays above the "right panel"? (Basically what I want is for the description to be above the prices and "buy now" button.)
  #4  
Old 01-15-2010, 04:34 AM
Genoa Township Park District's Avatar
Genoa Township Park District Genoa Township Park District is offline
Junior Member
 
Join Date: Jan 2010
Posts: 4
Default

Also, is there a way to turn off the pictures so that we don't have to see the "no image", in fact, we would prefer to see no images at all.
  #5  
Old 01-15-2010, 11:55 AM
Qetzal's Avatar
Qetzal Qetzal is offline
Ecwid Team
 
Join Date: Sep 2009
Posts: 10,847
Default

Quote:
How do I make it so that the "left panel" displays above the "right panel"? (Basically what I want is for the description to be above the prices and "buy now" button.)
Hm, try this CSS code. It's not ideal one, but I think it should work:

HTML Code:
div.ecwid-productBrowser-details-rightPanel {
position:relative;
top:350px;
}

div.ecwid-productBrowser-details-leftPanel {
position:relative;
top:-500px;
}

Quote:
Also, is there a way to turn off the pictures so that we don't have to see the "no image", in fact, we would prefer to see no images at all.
Use this CSS code:

HTML Code:
div.ecwid-noimage {
display:none;
}
__________________
Eugene K.
Ecwid Team

@ecwid | Facebook | Ecwid Knowledge Base
  #6  
Old 01-15-2010, 07:02 PM
Genoa Township Park District's Avatar
Genoa Township Park District Genoa Township Park District is offline
Junior Member
 
Join Date: Jan 2010
Posts: 4
Smile

You are awesome! This worked perfectly. Thank you a million times over!
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
css, panels, product pages

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 10:10 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.