solved AudioPro2 Skin Issue

ukdenny
@ukdenny
9 months ago
293 posts
I am configuring the AudioPro2 Skinn and one of the Issues I would like help with:-
The Featured Artist on the Home Page.
The first display takes up to spots on this area instead of one, howcan I change this so that 4 Featured Artists are displayed. Screen Shot attached.
screenshot.jpg
screenshot.jpg  •  169KB


updated by @ukdenny: 10/30/23 05:19:11PM
douglas
@douglas
9 months ago
2,767 posts
This is a bit tricky but if you can edit the template files and then upload them via SFTP, you should be able to follow these steps to change that area on your site.

1. Open your skins/AudioPro2/index_featured.tpl file.

2. Find this code:

    <section class="featured dark">
        <div class="row">
            <div class="col12">
                <div class="head">
                    {jrCore_icon icon="star" size="20" color="ECA81E"} <span>{jrCore_lang skin="jrAudioPro2" id=49 default="Featured Artists"}</span>
                </div>
                <div class="col12">
                    {if strlen("{$_conf.jrAudioPro2_list_2_ids}") > 0}
                        {jrCore_list module="jrProfile" search="_item_id in `$_conf.jrAudioPro2_list_2_ids`" limit="7" template="index_item_2.tpl"}
                    {else}
                        {jrCore_list module="jrProfile" order_by="profile_jrAudio_item_count numerical_desc" limit="7" template="index_item_2.tpl"}
                    {/if}
                </div>
            </div>
        </div>
        {if !jrUser_is_logged_in()}
        <div class="row">
            <div class="col12">
                <div class="center register">
                    <br>
                    {jrCore_lang skin="jrAudioPro2" id=52 default="Join us today and start creating."} <button class="form_button" onclick="jrCore_window_location('{$jamroom_url}/{jrCore_module_url module="jrUser"}/signup')">{jrCore_lang skin="jrAudioPro2" id=85 default="Register"}</button>
                </div>
            </div>
        </div>
        {/if}
    </section>

3. Change the jrCore_list functions limit parameter from 7 to 8 - there are two(2) jrCore_list functions to modify.

Change this:

                    {if strlen("{$_conf.jrAudioPro2_list_2_ids}") > 0}
                        {jrCore_list module="jrProfile" search="_item_id in `$_conf.jrAudioPro2_list_2_ids`" limit="7" template="index_item_2.tpl"}
                    {else}
                        {jrCore_list module="jrProfile" order_by="profile_jrAudio_item_count numerical_desc" limit="7" template="index_item_2.tpl"}
                    {/if}

to this:

                    {if strlen("{$_conf.jrAudioPro2_list_2_ids}") > 0}
                        {jrCore_list module="jrProfile" search="_item_id in `$_conf.jrAudioPro2_list_2_ids`" limit="8" template="index_item_2.tpl"}
                    {else}
                        {jrCore_list module="jrProfile" order_by="profile_jrAudio_item_count numerical_desc" limit="8" template="index_item_2.tpl"}
                    {/if}

4. Open your skins/jrAudioPro2/index_item_2.tpl

5. Select the entire contents of that file and delete it.

6. Replace it with the following code.

{if isset($_items)}
    {jrCore_module_url module="jrAudio" assign="murl"}

    {foreach from=$_items item="item"}
        {if $item@first || ($item@iteration % 4) == 1}
        <div class="row">
        {/if}
            <div class="col3{if $item@last || ($item@iteration % 4) == 0} last{/if}">
                <div style="padding: 5px;">
                    <div class="featured_item">
                        <div class="cover_image">

                            {if $item.profile_header_image_size > 0}
                                <a href="{$jamroom_url}/{$item.profile_url}"  title="{jrCore_lang skin="jrAudioPro2" id="87" default="Click to view"}">
                                    {jrCore_module_function function="jrImage_display" module="jrProfile" type="profile_header_image" item_id=$item._profile_id size="1280" class="img_scale" crop="2:1" alt=$item.profile_name _v=$item.profile_header_image_time}
                                </a>
                            {else}
                                <a href="{$jamroom_url}/{$item.profile_url}"  title="{jrCore_lang skin="jrAudioPro2" id="87" default="Click to view"}">
                                    {jrCore_image image="profile_header_image.jpg" width="1140" class="img_scale" height="auto" crop="3:1"}
                                </a>
                            {/if}

                            <div class="profile_info">
                                <div class="wrap">
                                    <div class="table">
                                        <div class="table-row">
                                            <div class="table-cell profile-image">
                                                <div class="profile_image">
                                                    {jrCore_module_function function="jrImage_display" module="jrProfile" type="profile_image" item_id=$item._profile_id size="xxlarge" crop="auto" class="img_scale img_shadow" alt=$item.profile_name width=false height=false}
                                                </div>
                                            </div>
                                            <div class="table-cell">
                                                <div class="profile_name">
                                                    {$item.profile_name|truncate:55}<br>
                                                    <span><a href="{$jamroom_url}/{$item.profile_url}">@{$item.profile_url}</a> </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="wrap">
                            {if $_conf.jrAudioPro2_require_price_2 == 'on'}
                                {$s2 = "audio_file_item_price > 0"}
                            {/if}
                            {if jrCore_module_is_active('jrCombinedAudio') && $_conf.jrAudioPro2_list_2_soundcloud == 'on'}
                                {jrCombinedAudio_get_active_modules assign="mods"}
                                {if strlen("{$mods}") > 0}
                                    {jrSeamless_list modules=$mods  profile_id=$item._profile_id order_by="*_display_order desc" limit="5" template="index_item_audio.tpl"}
                                {elseif jrUser_is_admin()}
                                    {jrCore_lang skin="jrAudioPro2" id=82 default="No active audio modules found!"}
                                {/if}
                            {else}
                                {jrCore_list module="jrAudio" profile_id=$item._profile_id search=$s1 order_by="audio_display_order desc" limit="5" template="index_item_audio.tpl"}
                            {/if}
                        </div>
                    </div>
                </div>
            </div>

        {if $item@last || ($item@iteration % 4) == 0}
            </div>
        {/if}

    {/foreach}
{else}
    <div class="no-items">
        <h1>{jrCore_lang skin="jrAudioPro2" id="62" default="No items found"}</h1>
        {jrCore_module_url module="jrCore" assign="core_url"}
        <button class="form_button" style="display: block; margin: 2em auto;" onclick="jrCore_window_location('{$jamroom_url}/{$core_url}/skin_admin/global/skin={$_conf.jrCore_active_skin}/section=List+2')">{jrCore_lang skin="jrAudioPro2" id="64" default="Edit Configuration"}</button>
    </div>
{/if}


Hope this helps!


--

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

updated by @douglas: 07/29/23 06:10:26AM
ukdenny
@ukdenny
9 months ago
293 posts
I tried a few times in index_item_2.tpl copy and paste your code and get:-
There are syntax error(s) in your template - please fix and try again:
Syntax error in template "data/cache/jrCore/test_template_425z4pgy.tpl" on line 40 unclosed {foreach} tag
updated by @ukdenny: 07/28/23 10:20:37AM
ukdenny
@ukdenny
9 months ago
293 posts
How do I had Genre to the index page as in the JR Screenshot for AudioPro2 please.
douglas
@douglas
9 months ago
2,767 posts
ukdenny:
I tried a few times in index_item_2.tpl copy and paste your code and get:-
There are syntax error(s) in your template - please fix and try again:
Syntax error in template "data/cache/jrCore/test_template_425z4pgy.tpl" on line 40 unclosed {foreach} tag

I just double-checked the code and it is correct. Make sure you copy all of the code for the index_item_2.tpl file.

Hope this helps!


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
douglas
@douglas
9 months ago
2,767 posts
ukdenny:
How do I had Genre to the index page as in the JR Screenshot for AudioPro2 please.

I'm not sure what you mean here, can you post a link to the screenshot or post the screenshot your referring to?

Thanks!


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
ukdenny
@ukdenny
9 months ago
293 posts
Top of Screenshot = Shop Hop Funk Hip Hop

I would like to add my own Genres
ScreenshotGenre.jpg
ScreenshotGenre.jpg  •  106KB

ukdenny
@ukdenny
9 months ago
293 posts
I did the coding again (No Syntax errors ) this time. But in never did what I wanted it to do.
Please take a look at the screenshot. You will see the space taken up by Wild Wild Angles is twice as much as the other Artists.
I want all the artists to have the same space. Thus making Wild Wild Angles the same size
Screenshot WWAngles.jpg

ukdenny
@ukdenny
9 months ago
293 posts
I have done something to my site and I don't know what but now the home page does not display, I do not know how to get it back. I can log in from the url okay. Could use some help please,
brian
@brian
9 months ago
10,139 posts
ukdenny:
I have done something to my site and I don't know what but now the home page does not display, I do not know how to get it back. I can log in from the url okay. Could use some help please,

If you customized a template, undo your changes - if you did it in the Skins -> Templates tab, just UNCHECK the template so it is no longer active and save, then reset caches.

Let me know if that helps.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
ukdenny
@ukdenny
9 months ago
293 posts
I think it was when I added code to a 'New' page to display my radio player , not a template, I have changed the skin to see if there was any difference but just the same, no data on the index page.
Would it make a difference if I delete the skin and reinstall?
I cannot see the page I created either to delete.
updated by @ukdenny: 07/30/23 01:30:08AM
douglas
@douglas
9 months ago
2,767 posts
ukdenny:
I think it was when I added code to a 'New' page to display my radio player , not a template, I have changed the skin to see if there was any difference but just the same, no data on the index page.
Would it make a difference if I delete the skin and reinstall?
I cannot see the page I created either to delete.

Can you send us your URL and admin login to support[at] jamroom[dot] net so we can check it out?

Thanks!


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
douglas
@douglas
9 months ago
2,767 posts
I've fixed that page for you and added a few genre menu items.

You can see the template changes here:

index_featured.tpl
https://songblitz.com/core/template_compare/skin=jrAudioPro2/id=32

and

index_item_2.tpl
https://songblitz.com/core/template_compare/skin=jrAudioPro2/id=33

As for the menu items... you can go to your audio page ( https://songblitz.com/audio ) and select a genre from the drop-down genre selection ( It says "All" ) at the top right.

1. Select the genre for which you want to create a nav menu item.
2. Once on that page, copy the URL in your browser URL bar.
3. Click the "Menu Editor" button at the bottom left part of your screen.
4. Click the "Add New Menu Entry" button.
5. Add the title of your menu item and click the "Add" button.
6. To the right, remove the entry in the second field down ( It is the URL field ) and paste the link you copied from step 2.
7. Click the "Save Changes" button at the bottom of the modal window, and then the Close button at the top right of the modal window.

You can check out the few I created if you need to see how they are done.

Hope this helps!


--

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

updated by @douglas: 07/30/23 02:36:36PM
ukdenny
@ukdenny
9 months ago
293 posts
Douglas, thank you for what you did, it looked exactly how I wanted it to.
However an issue has occured.
All I did was follow your instuctions above re menu items. I created Christian and Power Ballad, then changed the mp3s of ballad to Power Ballad, Resent Caches, run Integrity Check, Everything gone again from the index page?
douglas
@douglas
9 months ago
2,767 posts
ukdenny:
Douglas, thank you for what you did, it looked exactly how I wanted it to.
However an issue has occured.
All I did was follow your instuctions above re menu items. I created Christian and Power Ballad, then changed the mp3s of ballad to Power Ballad, Resent Caches, run Integrity Check, Everything gone again from the index page?

I've got the index page back for you.

This is happening because you are creating a SiteBuilder page on the index page, which will overwrite the index template. To get it back, just go to your home page, click the "SiteBuilder" button at the bottom left, and then click "Delete Page".

You'll want to avoid creating a new page using SiteBuilder while on the index/home page.

Hope this helps!


--

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

updated by @douglas: 07/31/23 06:24:53AM
ukdenny
@ukdenny
9 months ago
293 posts
Thank you Douglas.

Tags