Jump to content
Latest News: (loading..)

Recommended Posts

Store Logos Multi 1.0
Responsive and Localized Store Logos

Store Logos Multi

Responsive BS CE Frozen and all 2.3.4.(1.) BS EDGE versions and GOLD
PHP 5.4-7.2

How it Works:
Responsive and Localized Store Logos will add a new Logo page to your admin where you can upload 3 different logo sizes for each of your store languages.
A new alternative header content module is included which will display the Logo just like the standard core logo module.

1. Serve different logo sizes to allow the visitors browser to select the most apropiate for it’s device size and resolution. The browser will automatically download only the logo which fits best it’s need.
Example: You are using a banner style store logo which is set to half of the header width (col-6)

- for a standard desktop screen and a retina tablet a width of about 640px would be good
- for a retina desktop device with double resolution like i-mac, 1280px would be better
- for a small simple mobile phone 320px would be optimum to save download time.
This add-on allows you to upload 3 different sizes of your store logo (1280px, 640px and 320px for this example)
If your store logo uses the full width (col-12), upload for example the sizes 2560px, 1280px and 640px.

2. If you wish to use different versions of the Store Logo for each of your store languages, you can now easy upload a different set of logos for each language.
It is not mandatory, You can use one and the same logo and only upload to the default language. It will be used then for all languages.


Share this post

Link to post
Share on other sites


This is needed.

This is a signature that appears on all my posts.  
IF YOU MAKE A POST REQUESTING HELP...please state the exact version
of osCommerce that you are using. THANKS

Get the latest current code (community-supported responsive Edge) here


Share this post

Link to post
Share on other sites

Does this work together with KissIT ImageThumbnailer Pro? Regardless of using pc or phone, i get 1280 logo always.




Share this post

Link to post
Share on other sites

ok, i changed the tep_image in tpl_cm_header_logo_multi.php to tep_image_legacy still getting the 1280 version always.

also deleted images from mobile chrome cache. still the 1280 only

its no retina. its a oneplus 3 mobile phone.



Share this post

Link to post
Share on other sites

I just checked and it is a retina display:

Manufacturers specs for OnePlus3

1080p Full HD (1920 x 1080 píxeles)
401 ppi

if your display width is 1080 px and your image is 1280 it will use this image size, the next smaller image wouldn't be enough

Share this post

Link to post
Share on other sites

I'ts difficult to simulate. I got it only in desktop chrome using the developer tools and adjusting manually size and xrate. But you have also to take care to work without cache. if the browser has already a bigger version in cache, it will not download again if the window is resized even you reload the page.

Share this post

Link to post
Share on other sites

example, as found here (second best answer) https://stackoverflow.com/questions/28650327/responsive-images-srcset-not-working

this one switches with the viewport / window size. don't know if that is ideal. what do you think?

    echo '<a href="' . tep_href_link('index.php') . '"><picture>
      <source srcset="' . $store_logo_big . '" media="(min-width: 1200px)" />
      <source srcset="' . $store_logo_medium . '" media="(min-width: 800px)" />
      <img src="' . $store_logo_small . '" title="' . STORE_NAME . '" alt="' . STORE_NAME . '" class="img-responsive no-watermark"/></picture></a>';[code]



Share this post

Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now