[SOLVED] No store front pictures are shown

[MGLimhamn]

Hi,

 

I have some resellers that I'd like to show in the Google Maps store locator. So I've uploaded an image to their store in Preferences -> Store Contacts, but when I go to the page where the map is located, and when I click on their store on the map, I can see their name, street address, postal code, phone number, working hours and "Get directions" - but no image.

 

How do I solve this?

 

Kind regards,

MGLimhamn

Edited December 3, 2013 by MGLimhamn (see edit history)

[vekia]

is there any chance to give me url to your website? i will inspect the code

[MGLimhamn]

Hi vekia,

 

URL: http://shop.wowtoys.se/gb/our-resellers

 

Thanks for helping out.

[vekia]

ok i checked your website, then i checked default installation. and the conclusion is... this feature is not showing pictures in the more info cloud:

[MGLimhamn]

OK - thanks for the information Then my question is: what's the point of uploading an image to a store contact?

And how can I add the uploaded image to the more info cloud?

[cong2013]

OK - thanks for the information Then my question is: what's the point of uploading an image to a store contact?

And how can I add the uploaded image to the more info cloud?

Hi, I had the same problem.

 

Solution is simple: edit stores.js in /themes/yourtheme/js/, replace

has_store_picture === 1

with

has_store_picture == 1

 

There are 2 occurances of this bug.

 

..and adjust the -medium.jpg to your needs

 

Best regards, Christian

Edited November 29, 2013 by cong2013 (see edit history)

[MGLimhamn]

Hi, I had the same problem.

 

Solution is simple: edit stores.js in /themes/yourtheme/js/, replace

has_store_picture === 1

with

has_store_picture == 1

 

There are 2 occurances of this bug.

 

..and adjust the -medium.jpg to your needs

 

Best regards, Christian

 

Hi Christian,

 

I did the change you wrote but it did nothing for me unfortunately. It still looks the same, without any images. Any clues why?

[cong2013]

Hi Christian,

 

I did the change you wrote but it did nothing for me unfortunately. It still looks the same, without any images. Any clues why?

Hi,

 

Most likely the assignement of the pictures is wrong.

By default the stores.js looks for a picture class "medium" that have to be assigned to store.

(settings>pictures)

I made a new picture class called store_list 150x100px, assignet it to store, regenerated thumbnails for stores, and changed the "-medium.jpg" to "-store_list.jpg" in the stores.js (this is on the same line as has_store_picture == 1).

 

Or, maybe you edited the wrong stores.js

The right one is in the /themes/[yourtheme]/js folder.

[yourtheme]means your active theme.

 

 

BTW: If you want eliminate those stupid scrollbars in the info-bubble wrap the content of the bubble in div:

var html = '<DIV style="overflow:hidden;white-space:nowrap;"><table width="180"><tr><td><b>'+name+'</b><br/>'+address+'</td></tr></table>'+(has_store_picture == 1 ? '<br /><img src="'+img_store_dir+parseInt(id_store)+'-store_list.jpg" alt="" />' : '')+other+'<br /><a href="http://maps.google.com/maps?saddr=&daddr='+latlng+'" target="_blank">'+translation_5+'<\/a></div>';

Edited December 3, 2013 by cong2013 (see edit history)

[MGLimhamn]

Hi,

 

Thanks for the useful explanation!

 

I noticed that "-store_list.jpg" is wrong in stores.js, it's supposed to be "-store-list.jpg" if you called it store-list in Preferences -> Images. Otherwise, everything works like a charm!

 

Also, I've searched a lot for an answer for the scrollbars but without any luck, and you just help me out with that one as well!

 

Thanks again, it's greatly appreciated! I'll gladly mark this as solved!

 

Regards,

MGLimhamn

[cong2013]

Thanks for feedback.

I'm glad that I was able to help you !

Edited December 3, 2013 by cong2013 (see edit history)

[MGLimhamn]

Can I ask you just one more thing? Please see the image below.

 

 

How can I remove the space between the phone number and the image? As well as the space between the image and the opening hours? I found some <br /> in stores.js, but most of them didn't affect the outcome. Do you possible know? Or anyone else for that matter?

[vekia]

you have to remove <br><br> from template file: store_infos.tpl

here it is:

{* The following lines allow translations in back-office and has to stay commented

	{l s='Monday'}
	{l s='Tuesday'}
	{l s='Wednesday'}
	{l s='Thursday'}
	{l s='Friday'}
	{l s='Saturday'}
	{l s='Sunday'}
*}
<br />
<br />
<span id="store_hours">{l s='working hours'}</span>
<table style="font-size: 9px;">
	{foreach from=$days_datas  item=one_day}
	<tr>
		<td style="width: 70px;">{l s=$one_day.day}</td><td>{$one_day.hours}</td>
	</tr>
	{/foreach}
</table>

[MGLimhamn]

That worked as I wanted to, thanks vekia!