【クリエイターモード】テンプレートCompleteの商品詳細ページで、サブ画像のサムネイルサイズを小さくすることはできますか。

CSSの変更でサムネイルサイズを変更可能です。

表示例）


＜PCページ＞
ショップデザイン / テンプレート選択・編集 / クリエイターモード / 全ページ共通
「CSS」欄　

欄内に一度カーソルを置いた状態でキーボードの「Ctrl」と「F」キーを同時に押し、
表示される検索窓に
「.choice-btn」と入力（コピー＆ペースト）してEnterキーを押し、
以下の記述を検索してください。

.choice-btn li {
  cursor: pointer;
  background: #333;
  width: 130px !important;
  margin-bottom: 12px;
}
.choice-btn li:nth-child(5n) {
  margin-right: 0;
}
.choice-btn .slick-track {
  width: 100% !important;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.choice-btn .slick-track::before{
  content:"";
  display: block;
  width:23%;
  order:1;
}
.choice-btn .slick-track::after{
  content:"";
  display: block;
  width:23%;
}
.choice-btn li img {
opacity: 0.4;
width: 130px;
}

こちらを下記に変更し、表示の調節をお試しください。

変更例）

.choice-btn li {
  cursor: pointer;
  background: #333;
  width: 60px !important;
  margin-bottom: 12px;
}
.choice-btn li:nth-child(5n) {
  margin-right: 0;
}
.choice-btn .slick-track {
  width: 100% !important;
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}
.choice-btn .slick-track::before {
  content: "";
  display: block;
  width: 10%;
  order: 1;
}
.choice-btn .slick-track::after {
  content: "";
  display: block;
  width: 10%;
}
.choice-btn li img {
  opacity: 0.4;
  width: 60px;
}

＜スマホページ＞
スマホでは、同「CSS」欄で

「Ctrl」と「F」キーを同時に押し→検索窓に「calc(93% / 4)」と入力（コピー＆ペースト）→Enterキーを押し

以下の記述を検索してください。

 .choice-btn li {
  width: calc(93% / 4) !important;
}

こちらの 4 の数値の箇所を横に並べたいサムネイルの数に変更してください。
上記の場合は4つ並びます。

変更例）

 .choice-btn li {
  width: calc(93% / 8) !important;
}

数値はショップ様のお好みで変更してください。