Liquid、JavaScriptなどに関する質問
メインメニューの中にトップページのアンカーリンクを設置したところ、上手く動作しません。
トップページの中に以下のidを設置し、
id="main"
id="faq"
メインメニューのURLをhttp://www. ◯◯/#mainのように設定すると
トップページ内での遷移がうまくいかず、他ページからの遷移はできます。
メインメニューのURLを/#mainのように設定すると
トップページ内での遷移はできますが、他ページからの遷移がうまくいきません。
トップページはPageFlyで構築しています。
基礎的なことかもしれませんが、解決方法がわかる方がいらっしゃいましたらご教示いただけませんでしょうか。
解決済! ベストソリューションを見る。
成功
ご回答ありがとうございました。
PageFlyへ問い合わせたところ、以下のコードをPageFly内のカスタムコードに設定することで解決いたしました。
[data-transitions=true].unloading .transition-body {
animation: none !important;
}
[data-transitions=true] .transition-body {
opacity: 1 !important;
}
ページ内リンクを含んだURL指定は以下ではなく、
<a href="http://www. ◯◯/#main"></a>
以下のようにスラッシュは不要です。
<a href="http://www. ◯◯#main"></a>
同一ページ内で動作するリンクを作成して試していただければ、移動後のアドレスバーが上記のような状態になっていることが確認できると思います。
この書き換えで動かない場合は、お使いのアプリが出力する内容が影響している可能性があるかもしれませんので、アプリのサポートに相談されるかこのまま他の方の回答を待たれることをお勧めします。
ご指南いただいたとおり変更してみましたが、動作に改善が見られませんでした。
アプリ開発会社にも相談をしてみようと思います。
ご回答ありがとうございます。
確認いただきありがとうございます。
なお前提を勘違いしている部分があり申し訳ありません。
TOPページ内のIDがリンク先ということですね。であれば確かに記載されていました「http://www. ◯◯/#main」というindex.htmlやindex.phpのようなファイル名が省力された形になると思います。
この点失念しており申し訳ありません。
一応アプリを使わない通常のTOPページで試してみましたが、以下のような記述のいずれでも動作はしました。
この点からPagefly(+その他で該当要素に関連する何か)の影響かなとは思いますが、仮に仕様上対応が難しい場合は、現状原因不明なので可能性は低そうですがJavaScritpによるスクロールが検討できるかもしれません。
その際は「javascript location.hash ページ内移動」あたりでGoogle検索などをしていだければ参考になるサンプルが見つかるかもしれません。
成功
ご回答ありがとうございました。
PageFlyへ問い合わせたところ、以下のコードをPageFly内のカスタムコードに設定することで解決いたしました。
[data-transitions=true].unloading .transition-body {
animation: none !important;
}
[data-transitions=true] .transition-body {
opacity: 1 !important;
}
Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 20242023年初頭、Shopifyペイメントアカウント、及びShopifyアカウント全体のセキュリティを強化する為の変更が適用されました。ユーザーのアカウントセキュリティを強化す...
By Mirai Sep 29, 2024