solved search results page for Media Pro Light

iLoveHouseMusic
iLoveHouseMusic
@ilovehousemusic
11 years ago
517 posts
Not a huge priority but can't seem to track this down. When doing a search using MediaProLight skin, the search results also display the side_home.tpl on the side. I wanted to make the search results more similar to jrElastic where it's basically 2 columns col6 + col6 format.

How do I remove that side bar from the search results in MediaProLight? I thought it was the jrSearch_results.tpl but that seems to be placed inside another TPL that contains the sidebar. I see it on the Demo also.

Thank you in advance!
updated by @ilovehousemusic: 03/26/14 12:10:10PM
michael
@michael
11 years ago
7,806 posts
you can change the column widths by giving them a different class name:
* col1
* col2
* col3
.....
* col12

Watch this:

"Understanding base CSS structure in Jamroom 5 Skins"
Understanding base CSS structure in Jamroom 5 Skins
douglas
@douglas
11 years ago
2,806 posts
iLoveHouseMusic:
Not a huge priority but can't seem to track this down. When doing a search using MediaProLight skin, the search results also display the side_home.tpl on the side. I wanted to make the search results more similar to jrElastic where it's basically 2 columns col6 + col6 format.

How do I remove that side bar from the search results in MediaProLight? I thought it was the jrSearch_results.tpl but that seems to be placed inside another TPL that contains the sidebar. I see it on the Demo also.

Thank you in advance!

In your header.tpl file, find this:

        {* SEARCH PAGE HEADER *}
        {if isset($_post.module) && $_post.option != 'admin' && ($_post.module == 'jrRecommend' || $_post.module == 'jrSearch')}
        <div class="container">

            <div class="row">

                <div class="col9">
                    <div class="body_1 mr5">

                        <div class="title">{jrCore_lang skin=$_conf.jrCore_active_skin id="124" default="Search Results"}</div>
                            <div class="body_5">
        {/if}

and change it to this:

        {* SEARCH PAGE HEADER *}
        {if isset($_post.module) && $_post.option != 'admin' && ($_post.module == 'jrRecommend' || $_post.module == 'jrSearch')}
        <div class="container">

            <div class="row">

                <div class="col12 last">
                    <div class="body_1 mr5">

                        <div class="title">{jrCore_lang skin=$_conf.jrCore_active_skin id="124" default="Search Results"}</div>
                            <div class="body_5">
        {/if}


then in your footer.tpl file, find this:

{if isset($_post.module) && $_post.option != 'admin' && ($_post.module == 'jrRecommend' || $_post.module == 'jrSearch')}
                        </div>
                    </div>
                </div>
    <div class="col3 last">
        <div class="body_1">
            {jrCore_include template="side_home.tpl"}
        </div>
    </div>
            </div>
        </div>
{/if}

and change it to this:

{if isset($_post.module) && $_post.option != 'admin' && ($_post.module == 'jrRecommend' || $_post.module == 'jrSearch')}
                        </div>
                    </div>
                </div>
            </div>
        </div>
{/if}

Hope this helps,
Douglas


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
iLoveHouseMusic
iLoveHouseMusic
@ilovehousemusic
11 years ago
517 posts
@Michael - Found the results page formatted in jr_search_results and modified the col12 to col6.

@douglas - That's what I was looking for and couldn't track down!

I was able to get my jrMediaPro search results looking like jrElastic, thanks so much, you can close this!
douglas
@douglas
11 years ago
2,806 posts
Glad it worked for you. :)


--

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

Tags