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 08-27-2012, 10:18 PM
soedesh moerlie's Avatar
soedesh moerlie is offline
Member
 
Join Date: Feb 2012
Posts: 45
Default

More articles related products


Hi,

Is there a way to increase the related items in the row. Now you can see 2 related items. Want to make it 4 or 5 and make the thumbs a little smaller.

Regards,
Soedesh
  #2  
Old 08-28-2012, 10:48 AM
Maya's Avatar
Maya Maya is offline
Ecwid Team
 
Join Date: Feb 2010
Location: Ecwid headquarter
Posts: 5,876
Default

Quote:
Originally Posted by soedesh moerlie View Post
Hi,

Is there a way to increase the related items in the row. Now you can see 2 related items. Want to make it 4 or 5 and make the thumbs a little smaller.

Regards,
Soedesh
Ecwid automatically calculates how many related items will be shown on the product detailed page, depending on available space. In order to show more items in this block you should increase related products' container width using following code in your custom CSS theme:
Code:
.ecwid-productBrowser-details .ecwid-productBrowser-relatedProducts {
   width: 850px;
}
Related products thumbnails are the same as product thumbnails on the grid view and it is not possible to set their size separately. However, you can reduce them using following CSS code:
Code:
.ecwid-productBrowser-relatedProducts-item-top img {
width: 100px !important; /* change this value as you needed */
height: auto !important;
}
__________________
Maya N., Ecwid Team

------------------
Welcome to our new Help Center!

Last edited by Maya; 08-28-2012 at 11:11 AM.
The Following User Says Thank You to Maya For This Useful Post:
Cozee (09-23-2012)
  #3  
Old 08-28-2012, 10:23 PM
soedesh moerlie's Avatar
soedesh moerlie soedesh moerlie is offline
Member
 
Join Date: Feb 2012
Posts: 45
Default

Hi Maya,

Thanks for the solution. I have tried it out, but it screwd up my template because I have done some css to get all fit like it shows now.

Regards,
Soedesh
  #4  
Old 08-29-2012, 11:24 AM
Maya's Avatar
Maya Maya is offline
Ecwid Team
 
Join Date: Feb 2010
Location: Ecwid headquarter
Posts: 5,876
Default

Quote:
Originally Posted by soedesh moerlie View Post
Hi Maya,

Thanks for the solution. I have tried it out, but it screwd up my template because I have done some css to get all fit like it shows now.

Regards,
Soedesh
I have checked this code on my Ecwid store before, I've posted it here. It works properly there. Could you tell me, which browser do you use?
__________________
Maya N., Ecwid Team

------------------
Welcome to our new Help Center!
  #5  
Old 08-29-2012, 11:27 AM
soedesh moerlie's Avatar
soedesh moerlie soedesh moerlie is offline
Member
 
Join Date: Feb 2012
Posts: 45
Default

I have checked it in Chrome. This is my site www.shushu.nl I have used the related component in this section http://shushu.nl/shop#ecwid:category...oduct=14530091 What I meant with screwed up was that the layout of ecwid became messy. The little thumbs below moved into the big image and the whole layout moved to the right.

Last edited by soedesh moerlie; 08-29-2012 at 11:48 AM.
 
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

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 08:40 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.