【カラーミーショップ】トップページおすすめ商品の表示を１列３個から４個へ変更するには？！

トップページのおすすめ商品を１列３個から１列４個に変更

トップページのおすすめ商品を１列３個から１列４個に変更する場合は、どのようにすればいいでしょうか？とサポートセンターに問い合わせたところ、

”ご相談いただきました内容につきまして、HTML/CSSでの編集が必要かと存じます。

大変恐縮ですが、HTML/CSSを必要とするデザインカスタマイズにつきましては、技術サポートの対象外となります。

こちらは、テンプレートの基本構造を変更する操作となることから、ショップ様ご自身の判断で編集をいただく項目となり、カスタマイズ後の動作保証もいたしかねます。

この点につきましては、あらかじめご了承くださいませ。”

と前置きをいただきながら、丁寧に説明をしていただきました。

****************************************************************************************************

そのため、私の分かる範囲でご案内を差し上げることができればと存じます。
つきましては、以下に編集方法をご案内いたしますので、よろしければご参照くださいませ。

■おすすめ商品一覧の表示

1.管理者ページへログイン
2.管理者ページ「ショップ作成」＞「デザイン」へ遷移
3.【デザイン編集】をクリック
4.【トップ】の【HTML/CSS編集】をクリック
5.【HTML編集】内、27行目付近の
　タグ【<li class="prd-lst-unit col col-xs-12 col-sm-6 col-lg-4">】の
　【col-lg-4】を【col-lg-3】に変更する
-----------------------------------------------------------------
<div class="recommend-items">
<h2 class="ttl-h2"><span class="google-font">recommended items</span></h2>
<ul class="prd-lst row unstyled">
<{section name=num loop=$recommend}>
<li class="prd-lst-unit col col-xs-12 col-sm-6 col-lg-4">　←ここを3へ変更
<a href="<{$recommend[num].link_url}>" class="prd_lst_link">
<{if $recommend[num].img_url != ""}>
<img src="<{$recommend[num].img_url}>" class="prd-lst-img" alt="<{$recommend[num].name}>" />
-----------------------------------------------------------------
6.【プレビュー】をクリックし、問題がなければ【更新】をクリック

****************************************************************************************************

この作業により問題なく、トップページおすすめ商品の表示を１列３個から４個へ変更することができました。

通常であれば、サポートの対象外ですで終わってしまうところ、このような対応に大変感謝いたします。