Post by world-of-satellite » Thu Dec 24, 2020 6:27 am

I've just gone live with our store running OC 3.0.3.6 and just noticed content created in HTML Content module is not responsive.

Top two blocks aren't responsive: https://www.world-of-satellite.co.uk/in ... ommon/home

Our old store on 1.5.3.1 used a module called htmlbox, all the content in that was responsive.

Any ideas anyone or anyone know of a suitable module?

Active Member

Posts

Joined
Sun Jun 27, 2010 1:40 pm

Post by JNeuhoff » Thu Dec 24, 2020 6:34 am

This is not an OC bug. Rather, you need to make your content images responsive, like width:100% , height:auto

Export/Import Tool * SpamBot Buster * Unused Images Manager * Instant Option Price Calculator * Number Option * Google Tag Manager * Survey Plus * OpenTwig


User avatar
Guru Member

Posts

Joined
Wed Dec 05, 2007 3:38 am


Post by by mona » Thu Dec 24, 2020 6:51 am


DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by world-of-satellite » Thu Dec 24, 2020 6:56 am

JNeuhoff wrote:
Thu Dec 24, 2020 6:34 am
This is not an OC bug. Rather, you need to make your content images responsive, like width:100% , height:auto
That worked great, thank you. Old cart we never had to add anything like that.

Active Member

Posts

Joined
Sun Jun 27, 2010 1:40 pm

Post by world-of-satellite » Thu Dec 24, 2020 6:57 am

by mona wrote:
Thu Dec 24, 2020 6:51 am
My module does that
https://www.opencart.com/index.php?rout ... n_id=33048
Would it automatically re-size images without having to add parameters to them?

Active Member

Posts

Joined
Sun Jun 27, 2010 1:40 pm

Post by by mona » Thu Dec 24, 2020 7:06 am

yes - but if that is all you want it for you can just add a class "img-responsive"

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by world-of-satellite » Thu Dec 24, 2020 1:47 pm

by mona wrote:
Thu Dec 24, 2020 7:06 am
yes - but if that is all you want it for you can just add a class "img-responsive"
Not sure what you mean.

I've also noticed images within my store listings are not responsive either. Is there anyway to add something to the stylesheet.css to make all images responsive?

Active Member

Posts

Joined
Sun Jun 27, 2010 1:40 pm

Post by world-of-satellite » Thu Dec 24, 2020 2:29 pm

Sorted the images in my store listing, found this in another thread:

.tab-content img {
max-width: 100%;
height: auto !important;
}

Added the above to my stylesheet.css.

Active Member

Posts

Joined
Sun Jun 27, 2010 1:40 pm
Who is online

Users browsing this forum: No registered users and 213 guests