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 04-29-2016, 03:35 PM
Rob Waller's Avatar
Rob Waller is offline
 
Join Date: Jan 2016
Posts: 19
Default

Adjust Product Image Size on Product Page


Hello, I am looking to adjust the size of the product image that shows up when you are looking at the product page.

Also, there is a lot of space between the bottom of the photo and where my description starts, how can I remove that?

Here is a link to the page I am working on:
http://eazypower.com/TestingCart.htm...313/category=0

Any help is appreciated!
  #2  
Old 05-02-2016, 08:18 AM
Irene S's Avatar
Irene S Irene S is offline
 
Join Date: Apr 2016
Posts: 52
Default

Quote:
Originally Posted by Rob Waller View Post
Hello, I am looking to adjust the size of the product image that shows up when you are looking at the product page.

Also, there is a lot of space between the bottom of the photo and where my description starts, how can I remove that?

Here is a link to the page I am working on:
http://eazypower.com/TestingCart.htm...313/category=0

Any help is appreciated!
Hello!

You can adjust the product image size on the product page using CSS. You should go to your Ecwid control panel > Settings > Design > your active CSS theme and past the following code here:

Code:
div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-image img {
  max-height: 300px !important;
  width:auto !important;
}
You can fix on the suitable image height, and the width will be calculated automatically to save the picture proportions.

In order to reduce space between the product image and the description you should past this code to the CSS theme:

Code:
div.ecwid-productBrowser-details-descr {
  margin-top: -30px !important;
}
This code will move your text up to 30 pixels. Change the number of pixels if you need bigger or smaller shift.
The Following User Says Thank You to Irene S For This Useful Post:
Roger Bonds2 (10-06-2017)
  #3  
Old 05-02-2016, 07:15 PM
Rob Waller's Avatar
Rob Waller Rob Waller is offline
 
Join Date: Jan 2016
Posts: 19
Default

Thank you very much! Both of the edits worked perfectly.
  #4  
Old 01-18-2017, 11:40 PM
Niall1's Avatar
Niall1 Niall1 is offline
 
Join Date: Nov 2016
Posts: 1
Default

Is this on the individual product page where you can add it to your cart or is this on like a product navigational page before you select one product?
  #5  
Old 01-25-2017, 08:13 AM
Yana R.
Guest
 
Posts: n/a
Default

Hello!

Thank you for contacting Ecwid Support.

Ecwid is very flexible and allows you setting up your store up to your needs.

First of all, you can add your products to your Ecwid store and they will appear on the product listing page. You can choose how to sort the products: by date added, price, name or define the order by yourself. Check our article for the details https://support.ecwid.com/hc/en-us/a...-your-products.

You can also decide if you want your customers to be able to add to bag products right from the product listing page or to do that only from the product page. It can be done in your Ecwid control panel > Settings > General > Cart > Catalog Settings. Click Show “Buy now” buttons on product list pages (please see the screenshot http://take.ms/t06f5). Don’t forget to save the changes. Following the same steps you can disable this function any moment.

Also, it’s totally possible to create a page with categories. Check our Demo Store to see how the categories work https://www.ecwid.com/demo. To set the categories up you should to your Ecwid control panel > Catalog > Categories. Click “Add root category” and after that, you’ll be able to give it a name, image, description and assign products to it. In this case, it’s also possible to add products both from product listing page and from product page.

I hope this information was useful. If you have any further questions or meant something different, please feel free to contact us again. We will be happy to help!
 
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 01:12 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.