Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Picture auto-size for mobile use?

 
  • 4Your
  • Newbie
  • Members
  • Join Date: 02-Sep 13
  • 6 posts

Posted 03 October 2013 - 02:58 PM #1

Hi,

In CS-Cart V4.01 i have, in de description in one of my categories, a picture like (html): <p><img src="/images/banners/damesshawls_winter_700px_298px.png" style="width: 700px; height: 298px; "></p>


Within my Twigmo (mobile) site i ca see that picture, but it's oversized.

Is there a way to auto-size that picture so the size is correct for "normal" and "mobile" use?

Regards,

Ronald

 
  • 2tl
  • Architect
  • Twigmo team
  • Join Date: 03-Dec 09
  • 230 posts

Posted 04 October 2013 - 10:47 AM #2

Hello,

there is a way to decrease the size of images for mobile devices.

First of all, change the hardcoded size in the "style" attribute to a custom CSS class.

<p><img src="/images/banners/damesshawls_winter_700px_298px.png" class="my-category-desc-image"></p>

Add styles to this class for the mobile version:

Edit "custom_{your_twigmo_skin_name}.css" (basic, handbag or cupcake) located at design/themes/basic/css/addons/twigmo/

Add the following code:

.my-category-desc-image {
width: 350px;
height: 149px;
}

These changes should be applied to the desktop version too.
You can find how to create a custom CSS file for the desktop version at http://docs.cs-cart.com/my-changes.

Thank you.
Ilya Kolesnikov,
Twigmo team
[size=2]Ex-CS-Cart Architect Team[/size]