カラミー(カラーミー)でカテゴリのフリースペース1に登録した画像を表示させるコード
テンプレートのカテゴリのフリースペース1に登録した画像URLを表示させるためのコードです。
※フリースペースには、カラミーに登録したURLのみを記載し、などのタグは入れない事!
http://・・・だけを登録する事!
#page_visualには、必要なCSSを設定
#page_visual {
background-size: cover;
position: relative;
z-index: 10;
}
#page_visual div {
padding: 2% 0;
text-align: center;
position: relative;
z-index: 20;
overflow: hidden;
}
#page_visual div h1 {
font-family: ‘Noto Serif JP’, ‘游明朝’, ‘Yu Mincho’, YuMincho, ‘Hiragino Mincho Pro’, serif;
font-weight: 400;
font-size: 200%;
color: #fafafa;
position: relative;
border-top: 2px solid #fafafa;
border-bottom: 2px solid #fafafa;
padding: 6% 0;
line-height: 140%;
-webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
-moz-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
-ms-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
}
<!-- ここからカテゴリー別タイトル --> <{elseif $tpl_name == "product_list"}> <{section name=num loop=$category}> <{if $category[num].name == $bid_name}> <div id="page_visual" style="background-image:url(<{$category_desc_1}>);"> <div> <h1><{$category[num].name}><br><span>Product</span></h1> </div> </div> <{/if}> <{/section}> <!-- カテゴリー別タイトル END -->
関連記事はこちら!
スポンサーリンク