【クリエイターモード】テンプレートBRothersでおすすめ商品（RECOMMEND）を新商品（NEW ARRIVAL）と同じ表示にできますか。

テンプレートBRothersでは新商品（NEW ARRIVAL）モジュールの記述を同一の形式で記述することで可能です。

ショップデザイン / テンプレート選択・編集 / クリエイターモード / モジュール管理

モジュール名：レコメンド　モジュールID：$module.recommend_item

のHTMLを以下のソースに変更して保存してください。

<div class="new-item-swiper-container">
    <!--全スライドをまとめるラッパー-->
    <div class="swiper-wrapper">
        <!--各スライド-->
        <{section name=i loop=$recommend_item.list max=16}>
            <div class="swiper-slide new-item-swiper-wrap">
                <div class="item-list new-item-swiper-box">
                    <div class="item-list-image">
                        <{if $recommend_item.list[i].is_soldout}>
                            <div class="item-badge item-soldout-badge">SOLD OUT</div>
                        <{/if}>
                        <{if $recommend_item.list[i].is_sale}>
                            <p class="item-list-price item-list-sale-price">
                                <span class="item-list-sale-discount-rate"><span>SALE</span><{$recommend_item.list[i].sale_rate}>%OFF</span>
                            </p>
                        <{/if}>
                        <a href="<{$recommend_item.list[i].url}>"><img src="<{$recommend_item.list[i].image_L}>" alt="<{$recommend_item.list[i].name}>"></a>
                    </div>
<div class="item-list-info">
                    <{if $recommend_item.list[i].base_category.url}>
                        <p class="item-list-category-name"><a href="<{$recommend_item.list[i].base_category.url}>"><{$recommend_item.list[i].base_category.name}><i class="fas fa-angle-right"></i></a></p>
                    <{/if}>
                    <p class="item-list-name"><a href="<{$recommend_item.list[i].url}>"><{$recommend_item.list[i].name}></a></p>
                    <{if $recommend_item.list[i].is_sale}>
                        <div class="sale-price-wrap">
                            <p class="item-list-price original-price">￥<{$recommend_item.list[i].original_price|number_format}></p>
                            <p class="item-list-price item-list-sale-price">￥<{$recommend_item.list[i].price|number_format}><span class="tax">(税込)</span></p>
                        </div>
                    <{else}>
                        <p class="item-list-price">￥<{$recommend_item.list[i].price|number_format}><span class="tax">(税込)</span></p>
                    <{/if}>
                    <div class="item-list-icon-and-point-wrap">
                        <{if $recommend_item.list[i].icon.has_item}>
                            <ul class="item-list-icon">
                                <{section name=j loop=$recommend_item.list[i].icon.list}>
                                    <li><img src="<{$recommend_item.list[i].icon.list[j].image_url}>"></li>
                                <{/section}>
                            </ul>
                        <{/if}>
                        <{if $recommend_item.list[i].point}>
                            <p class="item-list-point"><i class="fab fa-product-hunt"></i><{$recommend_item.list[i].point|number_format}>ポイント獲得！</p>
                        <{/if}>
                    </div>
                    <{if $recommend_item.list[i].has_review}>
                        <div class="item-list-review">
                            <{$recommend_item.list[i].review.star_html}>
                            <p class="item-list-review-rate"><{$recommend_item.list[i].review.average}></p>
                            <p class="item-list-review-count">[<a href="<{$recommend_item.list[i].review.url}>"><{$recommend_item.list[i].review.total_count}>件</a>]</p>
                        </div>
                    <{/if}>
                </div>
            </div>
        </div>
    <{/section}>
</div>
<div class="swiper-button-prev new-item-yaji swiper-button-white"></div>
<div class="swiper-button-next new-item-yaji swiper-button-white"></div>
</div>

表示例）