アプリ「Product Filter & Search」でレフトメニューの高さを指定したい(なくしたい)

Topic summary

Shopifyアプリ「Product Filter & Search」を使用したレフトメニューで、スライダーバーが表示されてしまう問題についての相談。

問題点:

  • レフトメニューにスライダーバーが出現し、高さ指定や削除方法が不明
  • 使用テーマはDawn バージョン2.3.0

提案された解決策:

  • テーマカスタマイザーの「デフォルトのセクション」→「アプリ」セクションを選択
  • 右側のカスタムCSS窓に以下のコードを追加:
.boost-sd__filter-option-content-innerscrollbar {
  max-height: unset;
}

結果:
質問者は回答を受ける前に、アプリ開発元のGloboスタッフに直接連絡して問題を解決済み。なお、使用していたアプリは当初想定されたものとは別のバージョンであることが判明。

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.

現在「Product Filter & Search」を使用して、レフトメニューを作成しています。

スライダーバーを表示させたいくないのですが、どうしても出てしまいます。

特に高さの指定はしていないのですが、スライドバーの消し方が分かる方がいらっしゃれば、教えていただけると助かります。

どうぞよろしくお願いいたします!

@km8

お使いのテーマの名称とバージョンをお教えいただけましたら、何かご提案できるかもしれません。

(キュー田辺)

ご返答、ありがとうございます!

Dawnのバージョン2.3.0を使用しています。

どうぞよろしくお願いいたします :flushed_face:

@km8

情報ありがとうございます。

Product Filter & Searchは、下記のアプリで合っていますよね?

https://apps.shopify.com/product-filter-search?locale=ja

合っているようでしたら、下図のようにされてはいかがでしょうか?

テーマカスタマイズ画面で、「デフォルトのコレクション」にアクセスし、

左側の窓から「アプリ」セクションを選択します。

続いて、右側の窓のカスタムCSSに下記を入力して保存します。

.boost-sd__filter-option-content-inner--scrollbar {
  max-height: unset;
}

ご参考まで。

(キュー田辺)

1 Like

アドバイス、ありがとごうございます!

ご返答いただく前に、開発元のGloboのスタッフに連絡して対応してもらいました :sweat_smile:

ちなみにアプリはこちらになります

https://apps.shopify.com/product-filter-and-search?locale=ja&st_source=autocomplete

ご参考まで。

お忙しいところ、助かりました :blush:

1 Like