スライドショーページを二分割にして、2つの画像をページに並列配置したい。

Topic summary

ユーザーがShopifyのトップページにあるスライドショーを1画面に2分割し、2枚のサムネイル画像を並列配置したいと相談しています。各サムネイルから別々のYouTube動画ページへ遷移させることが目的です。

提案された解決方法:

  1. HTML/CSS/JavaScript/Liquidを使って自分で開発する
  2. 2分割スライドショーに対応しているテーマ(例:[FOCAL])を使用する
  3. 外部の開発会社やフリーランスに依頼する

現状:

  • ユーザーが①の方法について具体的なコード例を求めたところ、回答者は「イチから作る必要があり、コード量が膨大になるため無料チャットでは回答が難しい」と説明
  • 代替案として、MENTAなどの相談サービスやChatGPTの利用、外部への開発依頼を推奨

質問は未解決のまま、より専門的なサポートが必要な状況です。

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

お世話になっております。

Shopifyトップページにスライドショーを配置してます。

そのスライドショーにはサムネを設定しており、各サムネをタップすると、

Youtubeの動画ページに遷移します。

デフォルトだとスライドショー1画面につき1枚のサムネしか設定できないかと思いますが、

スライドショー1画面を2分割し、2枚のサムネを設定し、各サムネから各該当ページに飛ばせるようにしたいです。

これをしたい意図としては、

動画が多いので効率的に遷移させたく、1画面1枚だとスライドショーの数が増えるのと、

見たい動画が来るまでに離脱してしまう可能性があると考えるからです、

実際にスライドショーの1画面を分割し、2枚のサムネを並列に並べ、各サムネの該当ページに飛ばすことは可能でしょうか?

また、その設定方法もご教授頂けると大変助かります。

ご確認宜しくお願い致します。

はじめまして。

株式会社ファイブビットの福水と申します。

2分割スライドショーですが、方法としては2つあると考えていまして、

① HTML/CSS/javascript/Liquid という言語を駆使して自分で開発する

② 2分割スライドショーに対応しているテーマを使用する

というものです。

質問者様にフロントエンド開発の知見がある場合は、①が良いですが、この掲示板に投稿されているということで、②が現実的な方法になるかと思います。

例:FOCAL

もしくは、外部の開発会社・フリーランスの方に開発を依頼する、という方法も考えられます。

初めまして。

ご回答ありがとうございます。

解決方法が2種類あるとの事、承知致しました。

ちなみに①ですと、どのようなコードになるのかお教えただくことは可能でしょうか?

ご確認宜しくお願い致します。

ご返信ありがとうございます。

大変申し訳ございませんが、①の場合ですと、イチから2分割スライドショーを作らなければならず、提供するコードの量も膨大になるので、こちらの無料チャットでは回答が難しいです。

大変恐縮なのですが、外部の開発会社・フリーランスの方に開発を依頼するか、安く済ませるならMENTAなどの相談サービスを使うか、チャットGPTに聞いてみる、というのがおすすめかと思います。