Symfony Profiler

{% extends '@user_data/layout/default_frame.twig' %}
{% block title %}
{{category.name}}|こだわり品質【小ロット1個から】ZEAMI Goods
{% endblock %}
{% block css %}
<style>
@media (max-width: 480px) {
.guide-data {
padding-top: 30px;
}
}
</style>
{% endblock %}
{% block js %}
<script>
document.addEventListener("DOMContentLoaded", function() {
var images = document.querySelectorAll(".description_content img");
images.forEach(function(img) {
if (img.hasAttribute("width") || img.hasAttribute("height")) {
img.style.width = "";
img.style.height = "";
}else {
img.style.width = "100%";
img.style.height = "auto";
}
});
});
</script>
{% endblock %}
{% block content %}

<div id="product_pagetitleBloc" class="fades">
<img src="{{ asset('assets/img/product/visual_cover.gif') }}" id="mainVisual" style="background-image: url('{{ asset(category.image|no_image_product, 'save_image') }}');">
<article id="category_infoArea">
<div class="custom_inner">
<h3 id="categoryTitle">
<span>{{category.name}}</span>
{% if category.simulation %}
<a href="/faq#Q2-1" id="titleCap">{{category.simulation}}</a>
{% endif %}
</h3>
{{ category.note|raw }}
</div>
</article>


</div>

<div id="bread_crumbBloc" class="fades">
<ul id="breadCrumb" class="fades">
<li class="up">
<a href="/"><img src="{{ asset('assets/img/icon_home.png') }}" alt="ホーム"></a>
</li>
<li class="up">{{category.name}}</li>
</ul>


</div>

<main
id="mainContents">

<section
id="Category" class="section_basic">

<aside id="guidanceBox" class="fades">
<h4 id="guideHeadline" class="up">{{category.title}}</h4>
<div class="description_content"> <p> {{category.description|raw}} </p> </div>
<ul id="category_guideLink" class="fades">
<li class="link_design up">
<a href="{{ category.link_design }}">デザイン方法</a>
</li>
<li class="link_sample up">
<a href="/sample">サンプル購入</a>
</li>

</ul>
</aside>

<div style="margin-bottom: 10px">
<div class="description_content">{{ category.design_method|raw }}</div>
</div>

<div class="one_box">
<ul
id="cat_itemList" class="fades">
{% for product in category.ProductCategories|sort((a, b) => b.sort_no <=> a.sort_no) %}
{% if product.Product.is_sample == 0 and product.Product.getStatus.id == 1 %}

<li
class="one_item up">

<figure class="catlist_thumb fades">
<a href="/product/{{ product.Product.id }}">
<img
src="{{ asset('assets/img/product_thumb_cover.gif') }}" style="background-image: url('{{ asset(product.Product.mainFileName|no_image_product, 'save_image') }}');">

{% if product.Product.icon is not empty %}
<p class="catlist_thumb_chara fades"><img src="{{ asset(product.Product.icon|no_image_product, 'save_image') }}"></p>
{% else %}
<p class="catlist_thumb_chara fades"><img src="{{ asset('assets/img/mirror_coat.png') }}"></p>
{% endif %}
</a>
</figure>

<article class="catlist_namebox fades">
<h4 class="catlist_name up">
<a href="/product/{{ product.Product.id }}">{{product.Product.name}}</a>
</h4>
<h5 class="catlist_catch up">{{product.Product.free_area|raw}}</h5>

<aside class="catlist_mark fades">
{% for tag in product.Product.ProductTag %}
<p class="up">
<span>{{tag.Tag.name}}</span>
</p>
{% endfor %}

</aside>
</article>

</li>

{% endif %}
{% endfor %}

</ul>

<aside id="guidanceBox" class="fades guide-data">
<h4 id="guideHeadline" class="up">印刷オプションや梱包オプションもございます。<br>
また別途お問い合わせいただければ、証紙の貼付や特別パッケージも対応可能です。</h4>
<p class="up">ZEAMI Goodsでは、商品が届いたら即販売、またはそのまま卸先や業者様に納品できるような柔軟な対応を行っております。<br>
詳しい内容は、お気軽に<a href="/inquiry">お問い合わせ</a>ください。</p>
</aside>

</div>


{# <ul
id="guide_otherpageLink" class="for_productlist fades">

<li class="one_link up">
<figure class="other_linkPic">
<a href="#">
<img src="{{ asset('assets/img/guide_link_pic01.jpg') }}" alt="お支払いについて">
</a>
</figure>
<div class="guide_link_textbox up">
<h5 class="guide_link_title up">
<a href="#">裏面印刷<p class="guide_title_cap">企業ロゴやQRコードなど</p>
</a>
</h5>
<p class="up">裏の剥離紙（セパレーター）に企業情報、プロフィール、キャンペーン情報などを印刷して PR 度UP！</p>

</div>
</li>


<li class="one_link up">
<figure class="other_linkPic">
<a href="#">
<img src="{{ asset('assets/img/guide_link_pic01.jpg') }}" alt="お支払いについて">
</a>
</figure>
<div class="guide_link_textbox up">
<h5 class="guide_link_title up">
<a href="#">裏面印刷<p class="guide_title_cap">企業ロゴやQRコードなど</p>
</a>
</h5>
<p class="up">裏の剥離紙（セパレーター）に企業情報、プロフィール、キャンペーン情報などを印刷して PR 度UP！</p>

</div>
</li>


<li class="one_link up">
<figure class="other_linkPic">
<a href="#">
<img src="{{ asset('assets/img/guide_link_pic01.jpg') }}" alt="お支払いについて">
</a>
</figure>
<div class="guide_link_textbox up">
<h5 class="guide_link_title up">
<a href="#">裏面印刷<p class="guide_title_cap">企業ロゴやQRコードなど</p>
</a>
</h5>
<p class="up">裏の剥離紙（セパレーター）に企業情報、プロフィール、キャンペーン情報などを印刷して PR 度UP！</p>

</div>
</li>


<li class="one_link up">
<figure class="other_linkPic">
<a href="#">
<img src="{{ asset('assets/img/guide_link_pic01.jpg') }}" alt="お支払いについて">
</a>
</figure>
<div class="guide_link_textbox up">
<h5 class="guide_link_title up">
<a href="#">裏面印刷<p class="guide_title_cap">企業ロゴやQRコードなど</p>
</a>
</h5>
<p class="up">裏の剥離紙（セパレーター）に企業情報、プロフィール、キャンペーン情報などを印刷して PR 度UP！</p>

</div>
</li>


</ul> #}
</section>


</main>

<div id="bread_crumbBloc" class="fades">
<ul id="breadCrumb" class="fades">
<li class="up">
<a href="/"><img src="{{ asset('assets/img/icon_home.png') }}" alt="ホーム"></a>
</li>
<li class="up">{{category.name}}</li>
</ul>


</div>
{% endblock %}

app/template/user_data/category/index.twig line 1