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 05-10-2014, 04:17 PM
Mickymicky's Avatar
Mickymicky Mickymicky is offline
 
Join Date: Nov 2013
Posts: 18
Default Ecwid Wordpress Plugin & Grid View Appearance

I have ecwid premium installed in a wordpress website with ecwid plugin.

I think that since the new "add as favourite" feature with the little heart has been realased, some appearance settings are not working properly.

In the appearance settings of ecwid plugin I have setted 3 columns of products per page with grid view.

As you can see from the following link, now online I see only 2 columns of products:
http://www.mapt-store.com/store/#!/~...ory/id=6738655

I'm not finding a solution with CSS, could you please advise some help?
thanks a lot!
  #2  
Old 05-12-2014, 06:32 PM
Liza P's Avatar
Liza P Liza P is offline
Ecwid Team
 
Join Date: Jan 2013
Posts: 2,517
Default

Quote:
Originally Posted by Mickymicky View Post
I have ecwid premium installed in a wordpress website with ecwid plugin.

I think that since the new "add as favourite" feature with the little heart has been realased, some appearance settings are not working properly.

In the appearance settings of ecwid plugin I have setted 3 columns of products per page with grid view.

As you can see from the following link, now online I see only 2 columns of products:
http://www.mapt-store.com/store/#!/~...ory/id=6738655

I'm not finding a solution with CSS, could you please advise some help?
thanks a lot!
Hello,

The thing is on your site the container has fixed width, therefore only two products in a row fit in it. In order to fix this you need to modify your site CSS theme a little. This file http://www.mapt-store.com/wp-content...min.css?c7cdfa in your site CSS theme has the following rule:
Code:
#container {
    margin: 0 auto;
    max-width: 960px;
    padding: 0 25px;
}
You can change the width of the container by changing the max-width value I marked red for three products to fit in a row.
__________________
Liza P.
Customer Care
Ecwid Help Portal
  #3  
Old 05-12-2014, 06:45 PM
Mickymicky's Avatar
Mickymicky Mickymicky is offline
 
Join Date: Nov 2013
Posts: 18
Default

In my website at a product page level, let's say, this
http://www.mapt-store.com/store/#!/~...55&id=34599437

I would love to have more than 2 related product, 3 or 4 for example.

Is there an easy way through CSS to adjust this?

Another question, in mobile view (width of 320px) related product in the bottom of the page doesn't look aligned to center and it cuts half of the product image. How could I fix it?

thanks a lot for the support, u r great!

Thanks for the support Liza

it works perfectly now!

any suggestion for the mobile view of related product?
thanks so much!!

Last edited by Liza; 05-13-2014 at 09:42 AM.
  #4  
Old 05-13-2014, 02:03 PM
Liza P's Avatar
Liza P Liza P is offline
Ecwid Team
 
Join Date: Jan 2013
Posts: 2,517
Default

Quote:
Originally Posted by Mickymicky View Post
In my website at a product page level, let's say, this
http://www.mapt-store.com/store/#!/~...55&id=34599437

I would love to have more than 2 related product, 3 or 4 for example.

Is there an easy way through CSS to adjust this?

Another question, in mobile view (width of 320px) related product in the bottom of the page doesn't look aligned to center and it cuts half of the product image. How could I fix it?

thanks a lot for the support, u r great!

Thanks for the support Liza

it works perfectly now!

any suggestion for the mobile view of related product?
thanks so much!!
Hello,

I've merged your question about the related products you posted to another thread, here to reply all at once.

Quote:
I would love to have more than 2 related product, 3 or 4 for example.

Is there an easy way through CSS to adjust this?
Ecwid automatically shows related products as a slider below product description, if the number of products is more than can be shown in one line depending on the thumbnail's width and on the container width. So after you changed the container width as I suggested in the post above, three related products started to fit in a row, please, see the screenshot: http://take.ms/xxvAp

Quote:
Another question, in mobile view (width of 320px) related product in the bottom of the page doesn't look aligned to center and it cuts half of the product image. How could I fix it?
We are aware of this issue. Our engineers are currently working on the fix. As A temporary workaround I can suggest you disabling the related products for the mobile devices using this code:

Code:
.ecwid-lte-320px div.ecwid-productBrowser-relatedProducts,
.ecwid-lte-400px div.ecwid-productBrowser-relatedProducts {
  display: none;
}
Please, add it to your custom CSS theme on the System settings - > Design -> CSS themes page.
__________________
Liza P.
Customer Care
Ecwid Help Portal
 
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 12:14 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.