[戻る]
No.3684

画像を固定位置に表示したい

リアさん  投稿日:2019/08/19(Mon) 20:56
key

ショップページをスクロールしても画像が同じ位置に表示されてついてくるようにしたいです。

Re: 画像を固定位置に表示したい

おたすけマイショップさん  2019/08/20(Tue) 09:44 No.3687
key

ショップページ内の画像やコンテンツ内容が画面スクロールをしても同じ位置に表示されついてくるようにする専用の設定はございませんが、CSSを使用した方法であれば、希望される内容は可能となります。
実現方法としては、対象となる画像やコンテンツに対しclassを充てていただき、そのclassに対してCSSを追加していただくことでできます。

CSSの記述内容についてはCSSを適用する内容やclassにより異なりますので案内できませんが、イージーマイショップにおけるclassの付与方法やCSSの追加方法については以下に案内させていただきます。
※CSSやHTMLコードの記述方法については基本的にサポート範囲外となりますのでご利用者様自身でご対応いただきますようお願いいたします。

■classの付与方法

ページレイアウト管理(デザイン設定>レイアウトタブ)における「お知らせパーツ」や「フリーパーツ」で追加した内容、商品説明文へ追加した内容については入力フォーム上部にある[HTMLモードに切り替える]を押した後にHTMLコードにて対象の内容にclassを付加してください。

ページレイアウト管理内にてフリーパーツやお知らせパーツとは異なり、HTMLコードで記述できないパーツに対しては、パーツの上下にフリーパーツにてclassを充てたタグを追加してください。

例)
 対象のパーツの上部に<div class="●●●"><div>と記載したフリーパーツを配置。
 対象のパーツの下部に</div></div>と記載したフリーパーツを配置。
※システムの都合上、<div>タグを1組多く追加してください。


■CSSの追加

追加方法は以下の二種類がございます。

・<head>タグ内に追加する
 以下の手順で追加してください。
 1. 店長ナビトップ > デザイン設定 > [レイアウト]タブ でページレイアウト管理を表示
 2. スクリーンの設定ボタン(ギアアイコン)をクリック
 3. [<head>追加]内に内容を追記して「保存」をクリック

・CSSファイル内に追加する
 以下の手順で追加してください。
 1. 店長ナビトップ > デザイン設定でデザイン設定画面を表示
 2.適用中テンプレート(背景オレンジ)の[CSS]リンクをクリック
 3.[design.css]の[編集]ボタン(鉛筆アイコン)をクリック
 4.表示されるフォーム内に内容を追加して「保存」をクリック


以上を参照いただきCSSを追加してお試しください。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』