Skip to content

セットだけを表示する方法

この方法はデフォルトのテンプレートを利用している場合に限った説明になります。
テンプレートの編集が難しい場合、サポートへお問い合わせ下さい。ご要望を伺い、作業を承ることも可能です。

ソーシャルキャストの通常の仕様では、「コンテンツ」と「セット」が混在して一覧に表示されます。 ここでは下記の一覧に表示させる対象を「セット」だけに変更する方法を説明します。

  • パーツ
    • サイドメニュー
    • 新着動画一覧
    • カテゴリ別新着動画一覧
  • ページ
    • 検索結果一覧
    • カテゴリ一覧
    • タグ別一覧

テンプレート変更手順

管理画面の デザイン管理 -> テンプレート から下記のテンプレートを選択して編集します。

PC版テンプレート

サイドメニュー

  • テンプレート名:パーツテンプレート/サイドメニュー
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
{% if auth_check() %}
    {{get_freearea('pc_freearea_login_side')|raw}}
{% else %}
    {{get_freearea('pc_freearea_logoff_side')|raw}}
{% endif %}

{% include 'announce.partial.latestList'  only %}

<div class="tile-inner">
    <h2 class="ttl-sm">新着動画</h2>
    <div class="content-list">
        {% for content in get_latest_contents(3)  %}
            {% include 'contents.partial.row' with {content:content}  only %}
        {% endfor %}
(以下省略)

上記の12行目を以下のように書き換えてください

1
{% for content in get_latest_contents(3, [], 'set')  %}

新着動画一覧

  • テンプレート名:パーツテンプレート/最新のコンテンツ一覧
1
2
3
4
5
6
7
<section class="box-section">
    <h1 class="ttl-md">新着動画</h1>
    <div class="content-list js-list-slide">
        {% for  content in get_latest_contents(10) %}
            {% include 'contents.partial.box' with {content: content}  only %}
        {% endfor %}
(以下省略)

上記の4行目を以下のように書き換えてください

1
{% for content in get_latest_contents(10, [], 'set') %}

カテゴリ別新着動画一覧

  • テンプレート名:パーツテンプレート/カテゴリ別コンテンツ一覧
1
2
3
4
5
6
7
8
{%set list = get_latest_contents(10, [category.id]) %}

{% if list.count() %}
<section class="box-section">
    {% if parent is defined %}
        <span>{{parent.display_name}}</span>
    {% endif %}
(以下省略)

上記の1行目を以下のように書き換えてください

1
{%set list = get_latest_contents(10, [category.id], 'set') %}

検索結果一覧ページ

  • テンプレート名:ページテンプレート/コンテンツ検索結果
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
{% extends 'layouts.app' %}

{% block title %}検索結果{% endblock %}

{% block breadcrumbs  %}
    {% include 'partial.breadcrumbs' with {
        list: [
            {label: '検索結果', url: url().current()},
        ]
    }  only %}
{% endblock %}

{% block content %}
    <section class="box-section">
        <h2 class="ttl-md">
            検索結果
            <a class="btn btn-theme icon float-right mt-0" href="#search-section">再度検索する<i class="fa fa-search"></i></a>
        </h2>
        {% include 'contents.partial.sortBox' with {sort: sort, order: order, form: form }  only %}

        {% set paginator = get_contents_pager({search: search}, sort: sort, order: order }, input_get('page', 1), 12) %}
(以下省略)

上記の21行目を以下のように書き換えてください

1
{% set paginator = get_contents_pager({search: search|merge({type: 'set'}), sort: sort, order: order }, input_get('page', 1), 12) %}

カテゴリ別一覧ページ

  • テンプレート名:ページテンプレート/カテゴリ別コンテンツ一覧
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
{% extends 'layouts.app' %}

{% block title %}{{category.display_name}}{% endblock %}

{% block breadcrumbs  %}
    {% if parent is null %}
        {% include 'partial.breadcrumbs' with {
            list: [
                {label: category.display_name, url: url().current()},
            ]
        }  only %}
    {% else %}
        {% include 'partial.breadcrumbs' with {
            list: [
                {label: parent.display_name, url: route('contents.category', {category: parent})},
                {label: category.display_name, url: url().current()},
            ]
        }  only %}
    {% endif %}
{% endblock %}

{% block main_visual %}
    {% if category.eyecatch.exists %}
        <div class="box-mv container mb-0">
           <img src="{{category.eyecatches.lg}}" alt=" ">
        </div>
    {% endif %}
{% endblock %}

{% block top_content %}
    <div class="col-12 box-content">
        <div class="tile-inner">
            <div class="row">
                <!-- セットエリア -->
                <div class="col-md-8">
                    <h1 class="ttl-lg">{{category.display_name}}</h1>
                    <p>{{category.description|raw}}</p>
                </div>
                <div class="col-md-4">
                    <div class="box-contentsInfo">
                        <div class="box-contentsInfo-section purchase-info-area">
                            {% include 'contents.partial.courseBox' with {content:category}  only %}
                            {% if category.descendants.count() %}
                                <h4 class="btn btn-block btn-toggle">このカテゴリに含まれる<br>子カテゴリ<i class="fa fa-sm fa-plus-circle"></i></h4>
                                <div class="accordion-box">
                                    <ul>
                                    {% for child in category.descendants %}
                                        <li><a href="{{route('contents.category', {category:child})}}">{{child.display_name}}</a></li>
                                    {% endfor %}
                                    </ul>
                                </div>
                            {% endif %} 
                        </div>
                    </div>
                    <!-- //.box-contentsInfo -->
                    {% include 'contents.partial.shareBox'  only %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block content %}
    <section class="box-section">
        <h2 class="ttl-md">このカテゴリの動画一覧</h2>

        {% include 'contents.partial.sortBox' with {sort: sort, order: order, form: form }  only %}

        {% set paginator = get_contents_pager({search: {category_ids: [category.id]}, sort: sort, order: order }, input_get('page', 1), 12) %}
(以下省略)

上記の69行目を以下のように書き換えてください

1
{% set paginator = get_contents_pager({search: {category_ids: [category.id], type: 'set'}, sort: sort, order: order }, input_get('page', 1), 12) %}

タグ別一覧ページ

  • テンプレート名:ページテンプレート/タグ別コンテンツ一覧
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
{% extends 'layouts.app' %}

{% block title %}タグ:{{tag}}{% endblock %}

{% block breadcrumbs  %}
    {% include 'partial.breadcrumbs' with {
        list: [
            {label: 'タグ:'~tag, url: url().current()},
        ]
    }  only %}
{% endblock %}

{% block content %}
    <section class="box-section">
        <h2 class="ttl-md">タグ:{{tag}}</h2>
        {% include 'contents.partial.sortBox' with {sort: sort, order: order, form: form }  only %}

        {% set paginator = get_contents_pager({search: {tags: tag}, sort: sort, order: order }, input_get('page', 1), 12) %}
(以下省略)

上記の18行目を以下のように書き換えてください

1
{% set paginator = get_contents_pager({search: {tags: tag, type: 'set'}, sort: sort, order: order }, input_get('page', 1), 12) %}

スマートフォン版テンプレート

新着動画一覧

  • テンプレート名:パーツテンプレート/最新のコンテンツ一覧
1
2
3
4
5
6
7
<section class="box-section">
    <h1 class="ttl-md">新着動画</h1>
    <div class="content-list js-list-slide">
        {% for  content in get_latest_contents(10) %}
            {% include 'contents.partial.box' with {content: content}  only %}
        {% endfor %}
(以下省略)

上記の4行目を以下のように書き換えてください

1
{% for content in get_latest_contents(10, [], 'set') %}

カテゴリ別新着動画一覧

  • テンプレート名:パーツテンプレート/カテゴリ別コンテンツ一覧
1
2
3
4
5
6
7
8
{%set list = get_latest_contents(10, [category.id]) %}

{% if list.count() %}
<section class="box-section">
    {% if parent is defined %}
        <span>{{parent.display_name}}</span>
    {% endif %}
(以下省略)

上記の1行目を以下のように書き換えてください

1
{%set list = get_latest_contents(10, [category.id], 'set') %}

検索結果一覧ページ

  • テンプレート名:ページテンプレート/コンテンツ検索結果
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
{% extends 'layouts.app' %}

{% block title %}検索結果{% endblock %}

{% block fixed_content %}
<section class="tile-inner">
    <h1 class="ttl-xs">検索結果</h1>
</section>
<!-- //.box-contetnt -->
{% endblock %}

{% block content %}
<div class="tile-inner">
    <section class="box-section">
        <h2 class="btn btn-block btn-accent btn-toggle icon">検索する<i class="fa fa-plus-circle" aria-hidden="true"></i></h2>
        <div class="accordion-box">
            {{form(form)|raw}}
        </div>
        <h3 class="btn btn-block btn-accent btn-toggle">並べ替え<i class="fa fa-sm fa-plus-circle" aria-hidden="true"></i></h3>
        <div class="accordion-box">
            {% include 'contents.partial.sortBox' with {sort: sort, order: order, form: form }  only %}
        </div>
    </section>
    <section class="box-section">
        <div id="result">
            <div id="no-result-message" class="alert alert-info mb-0" style="display:none;" role="alert">
                <div class="container">
                     検索結果がありません
                </div>
            </div>
        </div>
    </section>
</div>
{% endblock %}

{% block scripts %}
{{parent()}}
<script>
$(function(){
    $('#result').infinitePager({
        url:  '/user_api/contents',
        data: { size: 10, search: {{search|json_encode|raw}} ,sort: '{{sort}}', order: '{{order}}' },
        template: '#contentsTemplate',
        onAppend: function($appends) {
            $('.favorite', $appends).favoriteButton();
            {% if auth_check() %}
                $('[data-watch-progress]', $appends).watchProgress();
            {% endif %}
        }
    });
});
</script>

上記の42行目を以下のように書き換えてください

1
data: { size: 10, search: {{search|merge({type:'set'})|json_encode|raw}} ,sort: '{{sort}}', order: '{{order}}' },

カテゴリ別一覧ページ

  • テンプレート名:ページテンプレート/カテゴリ別コンテンツ一覧
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
{% extends 'layouts.app' %}

{% block title %}{{category.display_name}}{% endblock %}

{% block main_visual %}
    {% if category.eyecatch.exists %}
        <div class="box-mv container mb-0">
           <img src="{{category.eyecatches.lg}}" alt=" ">
        </div>
    {% endif %}
{% endblock %}

{% block content %}
<div class="container box-tab">
    <div class="row">
        <div class="col">
            <div class="tab-inner">
                <div class="tab-fix">
                    <h1 class="ttl-xs">{{category.display_name}}</h1>
                    <ul class="nav nav-tabs tab-2">
                        <li class="nav-item">
                            <a href="#tab-contents-list" class="nav-link btn-theme active" data-toggle="tab">コンテンツ一覧</a>
                        </li>
                        <li class="nav-item">
                            <a href="#tab-info" class="nav-link btn-theme" data-toggle="tab">カテゴリ情報</a>
                        </li>
                    </ul>
                </div>
                <div class="tab-content">
                    <div id="tab-contents-list" class="tab-pane active">
                        <h2 class="ttl-sm">このカテゴリの動画一覧</h2>
                        <section>
                            <h3 class="btn btn-block btn-accent btn-toggle">並べ替え<i class="fa fa-sm fa-plus-circle"></i></h3>
                            <div class="accordion-box">
                                {% include 'contents.partial.sortBox' with {sort: sort, order: order}  only %}
                            </div>
                        </section>
                        <div id="result">
                            <div id="no-result-message" class="alert alert-info mb-0" style="display:none;" role="alert">
                                <div class="container">
                                     検索結果がありません
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="tab-info" class="tab-pane">
                        <section class="box-contentsInfo-section purchase-info-area">
                            {% include 'contents.partial.courseBox' with {content:category}  only %}
                            {% if category.descendants.count() %}
                                <h4 class="btn btn-block btn-toggle">このカテゴリに含まれる<br>子カテゴリ<i class="fa fa-sm fa-plus-circle"></i></h4>
                                <div class="accordion-box">
                                    <ul>
                                    {% for child in category.descendants %}
                                        <li><a href="{{route('contents.category', {category:child})}}">{{child.display_name}}</a></li>
                                    {% endfor %}
                                    </ul>
                                </div>
                            {% endif %} 
                        </section>
                        {% if category.description|length %}
                            <section class="box-contentsInfo-section">
                                <p>{{category.description|raw}}</p>
                            </section>
                        {% endif %}
                        <section class="box-contentsInfo-section">
                            {% include 'contents.partial.shareBox'  only %}
                        </section>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
{{parent()}}
<script>
$(function(){
    $('#result').infinitePager({
        url:  '/user_api/contents',
        data: { search: {category_ids: [{{category.id}}]}, size: 10, sort: '{{sort}}', order: '{{order}}'  },
(以下省略)

上記の82行目を以下のように書き換えてください

1
data: { search: {category_ids: [{{category.id}}], type: 'set'}, size: 10, sort: '{{sort}}', order: '{{order}}'  },

タグ別一覧ページ

  • テンプレート名:ページテンプレート/タグ別コンテンツ一覧
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
{% extends 'layouts.app' %}

{% block title %}タグ:{{tag}}{% endblock %}

{% block fixed_content %}
<section class="tile-inner">
    <h1 class="ttl-xs">タグ: {{tag}}</h1>
</section>
<!-- //.box-contetnt -->
{% endblock %}

{% block content %}
<div class="tile-inner">
    <section class="box-section">
        <h3 class="btn btn-block btn-accent btn-toggle">並べ替え<i class="fa fa-sm fa-plus-circle" aria-hidden="true"></i></h3>
        <div class="accordion-box">
            {% include 'contents.partial.sortBox' with {sort: sort, order: order}  only %}
        </div>
    </section>
    <section class="box-section">
        <div id="result">
            <div id="no-result-message" class="alert alert-info mb-0" style="display:none;" role="alert">
                <div class="container">
                     検索結果がありません
                </div>
            </div>
        </div>
    </section>
</div>
{% endblock %}

{% block scripts %}
{{parent()}}
<script>
$(function(){
    $('#result').infinitePager({
        url:  '/user_api/contents',
        data: { size: 10, search: {tags: '{{tag}}'}, sort: '{{sort}}', order: '{{order}}' },
(以下省略)

上記の38行目を以下のように書き換えてください

1
data: { size: 10, search: {tags: '{{tag}}', type:'set'}, sort: '{{sort}}', order: '{{order}}' },