Changing "Newest Audio" to "newest SounCloud Tracks" in jrElastic Theme

@torbenj
10 years ago
82 posts

Hi,

I just found this thread: http://www.jamroom.net/the-jamroom-network/forum/design-and-skin-customization/12920/changing-from-newest-videos-to-newest-youtube-videos

I would like to know how to do the same with SoundCloud tracks. Is it as "easy" as it is with YouTube?

Let me know

Thanks!
updated by @torbenj: 10/22/14 05:17:19PM

@paul
10 years ago
4,326 posts

Very easy

Basically just change all instances of 'jrYouTube' to 'jrSoundCloud' and all instances of 'youtube' to 'soundcloud'.
hth
Pa

--
Paul Asher - JR Developer and System Import Specialist

@torbenj
10 years ago
82 posts

Hi Paul,

Yes, that´s pretty easy. And it works!

But the SoundCloud block is shown in the middle column on my site and I want it to stay in the left column. How do I do this. I´m no so sure how to do it..?

Let me know if you have a little hint..?

Thanks

@paul
10 years ago
4,326 posts

Take a look at the jrElastic index.tpl file. You'll see blocks with classes of 'col3', 'col6', then 'col3' again. These are the three columns, left to right.
Look what's inside those 'col' blocks and you'll see other blocks of code that are fairly easily identifiable as the item blocks you see in each column. Just move these item block code sections, in their entirety, to the columns where you want them.
Pa

--
Paul Asher - JR Developer and System Import Specialist

@torbenj
10 years ago
82 posts

Yes, I see what you mean

I have pasted it right before the

<div class="col6">

But it messes up my site a lot..?

Here is the end of "column 3" and the start of "column 6"

            {* Newest Audio Block *}
            {if jrCore_module_is_active('jrAudio')}
            <div class="block">
                <div class="title">
                    <h2>{jrCore_lang skin=$_conf.jrCore_active_skin id="11" default="newest"}&nbsp;{jrCore_lang skin=$_conf.jrCore_active_skin id="13" default="audio"}</h2>
                    {jrCore_module_url module="jrAudio" assign="audio_murl"}
                    <div class="title-more"><a href="{$jamroom_url}/{$audio_murl}">{jrCore_lang skin=$_conf.jrCore_active_skin id="22" default="all"}</a></div>
                </div>
                <div class="block_content">
                    <div class="item">
                        {jrCore_list module="jrAudio" order_by="_created desc" template="index_list_audio.tpl" limit="5" require_image="audio_image"}
                    </div>
                </div>
            </div>
            {/if}

        </div>

        <div class="col6">

Is it possible for you to tell me where to insert the SoundCloud Block?

My SoundCloud block looks like this:

{* Newest SoundCloud tracks*}
            {if jrCore_module_is_active('jrSoundCloud')}
            <div class="block">
                <div class="title">
                    <h2>SoundCloud tracks</h2>
                    {jrCore_module_url module="jrSoundCloud" assign="SoundCloud_murl"}
                    <div class="title-more"><a href="{$jamroom_url}/{$SoundCloud_murl}">{jrCore_lang skin=$_conf.jrCore_active_skin id="22" default="all"}</a></div>
                </div>
                <div class="block_content">
                    <div class="item">
                        {jrCore_list module="jrSoundCloud" order_by="_created desc" template="index_list_soundclouds.tpl" limit="5"}
                    </div>
                </div>
            </div>
            {/if}

Let me know

Thanks!

@paul
10 years ago
4,326 posts

It really depends on where you want it to show. For example, if you want sound clouds after the audios -

{* Newest Audio Block *}
            {if jrCore_module_is_active('jrAudio')}
            <div class="block">
                <div class="title">
                    <h2>{jrCore_lang skin=$_conf.jrCore_active_skin id="11" default="newest"} {jrCore_lang skin=$_conf.jrCore_active_skin id="13" default="audio"}</h2>
                    {jrCore_module_url module="jrAudio" assign="audio_murl"}
                    <div class="title-more"><a href="{$jamroom_url}/{$audio_murl}">{jrCore_lang skin=$_conf.jrCore_active_skin id="22" default="all"}</a></div>
                </div>
                <div class="block_content">
                    <div class="item">
                        {jrCore_list module="jrAudio" order_by="_created desc" template="index_list_audio.tpl" limit="5" require_image="audio_image"}
                    </div>
                </div>
            </div>
            {/if}

{* Newest SoundCloud tracks*}
            {if jrCore_module_is_active('jrSoundCloud')}
            <div class="block">
                <div class="title">
                    <h2>SoundCloud tracks</h2>
                    {jrCore_module_url module="jrSoundCloud" assign="SoundCloud_murl"}
                    <div class="title-more"><a href="{$jamroom_url}/{$SoundCloud_murl}">{jrCore_lang skin=$_conf.jrCore_active_skin id="22" default="all"}</a></div>
                </div>
                <div class="block_content">
                    <div class="item">
                        {jrCore_list module="jrSoundCloud" order_by="_created desc" template="index_list_soundclouds.tpl" limit="5"}
                    </div>
                </div>
            </div>
            {/if}

        </div>

        <div class="col6">

--
Paul Asher - JR Developer and System Import Specialist

@torbenj
10 years ago
82 posts

Oh, ok. Yep, I see. I pasted it right after the

</div>

But it should be pasted before like you did. That was just what I wanted..!

Thanks a lot, Paul, for helping me out here

updated by @torbenj: 09/22/14 01:48:31PM

@torbenj
10 years ago
82 posts

I know it´s a small, pretty basic thing, but I can´t seem to figure out how to make the space between the images in the files: index_list_youtubes.tpl and index_list_soundclouds.tpl

I have tryed with vspace="10px" and some padding and margin. I have done it after the image sizing, but it´s not really working out for me.

I have cleared the cache both in ACP and in my browser, but it´s not working..?

I want the space to look like the space between the profile images here on http://find-et-band.dk/

Let me know if there is a smarter way to do this?

Thanks

@brian
10 years ago
10,148 posts

vpsace is not a CSS directive, so that's not going to work. Use:

style="margin:10px"

Or whatever amount of space you want..

Hope this helps!

--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

@torbenj
10 years ago
82 posts

Yep, that helps a lot

4px was the right margin to use to make it look like the profile images.

Thanks

solved Changing "Newest Audio" to "newest SounCloud Tracks" in jrElastic Theme

Tags