Audio Pro Mobile

Dazed
@dazed
7 years ago
1,022 posts

How can I change the audio item detail page so that when viewed in mobile, the song review thumbnail images are not full size? They look blurry as can be since they were originally thumbs. Not to mention if there are many comments, it is a scrolling nightmare hehe.

Thanks

updated by @dazed: 04/29/17 07:21:18PM

@michael
7 years ago
7,718 posts

My guess is that the image being shown is of too smaller size for the size its expaned to. Its probably size /small/ or /icon/ with an .img_scale class so that it expands to fill the width of the container its in.

The solution is to change its size up in the template that controls it if your desire is to make it crisper. Or if you want it smaller, remove the img_scale class.

Is this the default setup? If so we need to fix it on our end because thats not a good default to have.

Dazed
@dazed
7 years ago
1,022 posts

Yes on default Michael - Take a look at this link on mobile. It only has one comment but picture 10-20 of these -

http://audiopro.n8flex.com/demo/uploaded_audio/10/demo-track-eight

@michael
7 years ago
7,718 posts

haven't got a mobile device that is capable of viewing stuff sorry.(old school) Had an android for a while but it died.

Dazed
@dazed
7 years ago
1,022 posts

Try http://ipadpeek.com/. It can give you a basic look/feel and is fairly accurate. You guys should should consider https://saucelabs.com/. There is a free 30 day trial but one individual account would cost you $19 a month and give you unlimited manual testing minutes across various os/browser/mobile combinations.

@douglas
7 years ago
2,791 posts

Dazed:
How can I change the audio item detail page so that when viewed in mobile, the song review thumbnail images are not full size? They look blurry as can be since they were originally thumbs. Not to mention if there are many comments, it is a scrolling nightmare hehe.

Thanks

This is due to the column layout, the image size being set to small and the img_scale class being used.

You can fix this one of two ways....

1. Change the image size to something larger, the layout would look the same on mobile but the image should be much clearer.

modules/jrComment/templates/item_list.tpl around line 18, change this:

{jrCore_module_function function="jrImage_display" module="jrUser" type="user_image" item_id=$item._user_id size="small" crop="portrait" alt=$item.user_name class="action_item_user_img iloutline img_scale"}

to this:

{jrCore_module_function function="jrImage_display" module="jrUser" type="user_image" item_id=$item._user_id size="large" crop="portrait" alt=$item.user_name class="action_item_user_img iloutline img_scale"}

2. Add this code to the image function, same file same line:

Change this:

{jrCore_module_function function="jrImage_display" module="jrUser" type="user_image" item_id=$item._user_id size="small" crop="portrait" alt=$item.user_name class="action_item_user_img iloutline img_scale"}

to this:

{jrCore_module_function function="jrImage_display" module="jrUser" type="user_image" item_id=$item._user_id size="small" crop="portrait" alt=$item.user_name class="action_item_user_img iloutline img_scale" style="max-width:70px;max-height:70px;margin:8px;"}

#2 will make the layout more like the desktop layout.

We'll get a fix in for the next release.

Hope this helps!

--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos

Dazed
@dazed
7 years ago
1,022 posts

Thanks Douglas!

Dazed
@dazed
7 years ago
1,022 posts

ok #2 looks awesome.

Very nice and thanks again.

Dazed
@dazed
7 years ago
1,022 posts

Just a heads up that this was overwritten in the last update. Will this be an update to the module or should I create a jr file so it does not get overwritten?

Thanks!

@douglas
7 years ago
2,791 posts

Yeah, it doesn't look like the change has made it into the module yet.

I would create a jrCommnet_Item_list.tpl with the changes and put it in your skins directory until we get it fixed.

Thanks!

--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos

@douglas
7 years ago
2,791 posts

I've got this fixed for the next release.

Thanks!

--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos

solved Audio Pro Mobile