概要

Produce_8.mp4

設定方法

{
	"type": "checkbox",
	"id": "ranking",
	"label": "t:sections.featured-collection.settings.ranking.label",
	"default": false
},

"ranking": {
  "label": "ランキング表示を有効にする"
},

{%- liquid
  assign is_displayed = true
  if section.settings.collection == ""
    assign is_displayed = true
  elsif section.settings.collection == null
    assign is_displayed = false
  endif
  if is_displayed
    assign page_url = content_for_header | split:'"pageurl":"' | last | split:'"' | first | replace:'\/','/' | replace:'%20',' ' | replace:'\u0026','&'
    if page_url contains "?" and page_url contains "page="
      unless page_url contains "page=1"
        assign is_displayed = false
      endunless
    endif
  endif
-%}

{% if is_displayed %}
・・・
・・・
・・・
{%- endif -%}

{% if section.settings.ranking %}
	<span class="ranking" id="ranking-{{ forloop.index }}">{{ forloop.index }}</span>
{%- endif -%}

{% if section.settings.ranking %}
	<style>
	  .ranking {
	    position: absolute;
	    display: block;
	    padding: 4px 8px;
	    background-color: #DDD;
	    line-height: 1;
	    z-index: 10;
	  }
	  #ranking-1 {
	    background-color: #C09B0F;
	    color: #FFF;
	  }
	  #ranking-2 {
	    background-color: #9590A5;
	    color: #FFF;
	  }
	  #ranking-3 {
	    background-color: #897428;
	    color: #FFF;
	  }
	</style>
{% endif %}