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 02-13-2015, 12:12 AM
Thyme Wisper's Avatar
Thyme Wisper is offline
 
Join Date: May 2012
Posts: 2
Default

Single product images distorted on their product page


I just upgraded Joomla to 3.6 from 2.5. I had to change the template as a result. The InsightFX template that I bought actually has ecwid in their demo and advertised that itsupported ecwid. I installed the latest module. Everything works and looks fine until one clicks on the single product page. The product image has become huge and distorted.

For example,

http://thymewisper.com/index.php/sho...tegory=2731519

Could you please tell me how to fix this?

Thank you in advance.
Thyme Wisper Herb Shop
http://thymewisper.com/index.php/shop
  #2  
Old 02-13-2015, 07:19 AM
Rick G's Avatar
Rick G Rick G is offline
Ecwid Team
 
Join Date: Jun 2014
Posts: 1,271
Default

Quote:
Originally Posted by Thyme Wisper View Post
I just upgraded Joomla to 3.6 from 2.5. I had to change the template as a result. The InsightFX template that I bought actually has ecwid in their demo and advertised that itsupported ecwid. I installed the latest module. Everything works and looks fine until one clicks on the single product page. The product image has become huge and distorted.

For example,

http://thymewisper.com/index.php/sho...tegory=2731519

Could you please tell me how to fix this?

Thank you in advance.
Thyme Wisper Herb Shop
http://thymewisper.com/index.php/shop
Hi,

Thank you for contacting us.

I checked your website and I was able to see that issue. The product image displays this way because of a CSS rule in your Joomla template CSS file -

css-compiled/master-b303c1e5744d1b4f618d61af7361442b.css

Please edit that file in your Joomla backend admin area or on your web server folder and delete these CSS rules:
Code:
html#ecwid_html body#ecwid_body .ecwid img{width:100% !important;}

.ecwid-productBrowser-productsGrid-productTopFragment table,.ecwid-productBrowser-productsGrid-productTopFragment table img{ width:100% !important; }
After you do this, your product image should show up correctly: http://take.ms/FdJqH
Also please contact the developers of that theme here: http://themeforest.net/item/insightf...104307/support and let them know about this way of products display so that they can fix it for all other users of that template.
Thank you.
__________________
Ecwid API and App Market Team
Ecwid Developer Website
  #3  
Old 02-15-2015, 05:50 PM
Thyme Wisper's Avatar
Thyme Wisper Thyme Wisper is offline
 
Join Date: May 2012
Posts: 2
Default Worked after editing a less file

Thank you so much! Took me a little while to do it, because the css file you named for the template file is a compiled css. I am new at all this, but finally realized that the ecwid.less file is where I can make the changes. Instead of deleting, I commented them out. I figured if the template ever had to be reinstalled, I would have to do another time consuming search again to fined the specific lines of code. It did fix the problem. Thanks again!

I will notify the JoomFx developer as they provide the support for their templates, instead of Themeforest.
The Following User Says Thank You to Thyme Wisper For This Useful Post:
Rick G (02-15-2015)
 
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:43 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.