Advocatus Posted November 18, 2014 Share Posted November 18, 2014 (edited) When I click on Size Chart Tab using Desktop PC I’m able to see the whole size chart.(I removed the website link) If I click on the Size Chart Tab using mobile / tablet devices the image is non-responsive. Either horizontal or vertical image of the size chart is partially missing. Screenshot from my tablet http://iforce.co.nz/i/xnxpj2gi.u4r.pngDoes anyone know a way of fixing this problem for mobile / tablet devices? The theme is meant to be responsive, but it is non-responsive to images within tabs. I have 15 size charts and different styles have slightly different measurements, so a single size chart will not work. Any help in fixing this problem would be helpful / very much appreciated. Edited November 22, 2014 by Advocatus (see edit history) Link to comment Share on other sites More sharing options...
Advocatus Posted November 19, 2014 Author Share Posted November 19, 2014 Bump - I would be interested in finding out if there is any code I could use to fix this problem? Link to comment Share on other sites More sharing options...
vekia Posted November 19, 2014 Share Posted November 19, 2014 use <img> tag with class="img-responsive" 1 Link to comment Share on other sites More sharing options...
Advocatus Posted November 19, 2014 Author Share Posted November 19, 2014 Thank you so much for your reply, but could you please give me example where to add this line <img> tag with class="img-responsive" Example, in the product.tpl file?I’m still new to PrestaShop and your help is much appreciated. Link to comment Share on other sites More sharing options...
vekia Posted November 21, 2014 Share Posted November 21, 2014 how you added this size chart? Link to comment Share on other sites More sharing options...
Advocatus Posted November 21, 2014 Author Share Posted November 21, 2014 how you added this size chart? Thank you so much for your help. I renamed the Full Description to Size Chart, then I used insert/edit image to post the image which then appears inside the tab instead of description text. This screenshot should explain what I mean http://iforce.co.nz/i/5jqqvrqu.r5p.jpg Link to comment Share on other sites More sharing options...
vekia Posted November 21, 2014 Share Posted November 21, 2014 okay so follow this: 1) open product edit page 2) click on source editor </> for description field 3) search for <img> (it's your image) 4) add class="img-responsive" to <img> your image will be responsive then 1 Link to comment Share on other sites More sharing options...
Advocatus Posted November 21, 2014 Author Share Posted November 21, 2014 You have gone above and beyond in helping me. I hope this YouTube click helps others as well. This was the final piece in the puzzle I needed solved before building my next store using PrestaShop. Link to comment Share on other sites More sharing options...
vekia Posted November 21, 2014 Share Posted November 21, 2014 Glad to hear that i could help i marked topic title as solved with regards, Milos 1 Link to comment Share on other sites More sharing options...
.png.022b5452a8f28f552bc9430097a16da2.png)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now