デフォルトの独自タグでは実現出来ないようなので、あきらめる人も多いようです…

カラーミーショップはSmartyを使ってるんですね！

 

花のやさんのブログは詳細に説明されていて素晴らしいです。

 

【花のや】

https://www.hanano-ya.jp/blog/netshop/4654

 

【石井晃太郎ジャーナル】

こちらでは詳細にAjaxの説明もされてます。

https://kotaroishii.com/colorme-ajax

【Web制作の覚え書き｜ おすすめ商品のループ処理】

https://www.radia.jp/color-me-shop-original-tag-custom-recommended/

 

以下を「共通」のscriptタグが並んでいる下とかに挿入すればOK。

 

<script type="text/javascript">
  $(function(){
      $.ajax({
          url: 'http://xxx.jp/?mode=cate&csid=0&cbid==xxxxxxx&csid=0', //商品一覧ページのURL
          cache: false,
          dataType:'html',
          success: function(html){
              var product_num = 3; //抜き出したい商品の数
              var list = $(html).find('.productlist-Item'); // 抜き出す情報のセレクタを「商品一覧」から指定
              for (var i = 0; i < product_num; i++) {
                  if ( !list[i] ) break;
                  $('.top-List').append(list[i]); // トップページに埋め込みたい場所のセレクタを指定
              }
          }
      });
  });
</script>