バージョン選択

フォーラム

メニュー

オンライン状況

46 人のユーザが現在オンラインです。 (30 人のユーザが フォーラム を参照しています。)
登録ユーザ: 2
ゲスト: 44
ksmar yoshiharu もっと...

サイト内検索

質問 > 管理機能 > 商品詳細ページでレスポンシブ適用の値(768px)を変更したい

管理機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
nexht
投稿日時: 2020/11/28 23:44
対応状況: 解決済
新米
登録日: 2020/11/21
居住地:
投稿: 7
商品詳細ページでレスポンシブ適用の値(768px)を変更したい
▼テンプレート
[EC-CUBE]4.0.5
[レンタルサーバ]さくらサーバー
[OS]windows10,MacOS
[PHP]7.4.10
[データベース]MySQL 5.7.28
[WEBサーバ]Apache
[ブラウザ]chrome
[導入プラグインの有無]無し
[カスタマイズの有無]無し
[現象]無し

▼やりたいこと
商品詳細ページのPCのデザインをSPのものと同じ表示にしたいです。


▼詳細
商品詳細ページにて768px以下になると商品画像が一番上になり、その下に商品名や価格が表示されますが、これが適用される値を変更したいと思っております。

assets/scss/mixins/_media.scss
こちらが該当ファイルになり、以下の768pxの値かと思って変更したのですが、適用されませんでした。
--------------------------
@mixin media_desktop(){
@media only screen and (min-width: 768px) {
@content;
}
}
--------------------------

該当ファイルをご教示いただけませんでしょうか?
よろしくお願いいたします。
coremobile
投稿日時: 2020/11/30 15:46
対応状況: −−−
一人前
登録日: 2018/8/30
居住地:
投稿: 92
Re: 商品詳細ページでレスポンシブ適用の値(768px)を変更したい
PC版の商品詳細ページの
2カラムの見栄えをやめる場合

管理画面から
コンテンツ管理>ページ管理から

商品詳細ページのclassを消せば1カラムになります。

217行目の
<div class="ec-grid2">


<div>

に変更

218行目の
<div class="ec-grid2__cell">


<div>

に変更

同じく235行目の
<div class="ec-grid2__cell">


<div>

に変更

すると1カラムにできます。
nexht
投稿日時: 2020/11/30 22:56
対応状況: −−−
新米
登録日: 2020/11/21
居住地:
投稿: 7
Re: 商品詳細ページでレスポンシブ適用の値(768px)を変更したい
coremobile 様
ご回答ありがとうございます。

試しましたところレイアウトが1カラムになり、理想通りの挙動になりました。
的確な助言、誠にありがとうございます。
coremobile
投稿日時: 2020/12/1 11:39
対応状況: −−−
一人前
登録日: 2018/8/30
居住地:
投稿: 92
Re: 商品詳細ページでレスポンシブ適用の値(768px)を変更したい
nexht 様

無事解決できたのとのことで、お力になれて幸いです。

また何かございましたらご投稿ください。

----------------
株式会社コアモバイル
■ECCUBE2系~4系の新規構築やカスタマイズなどお気軽にご相談ください。
コアモバイルの実績はこちら
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は68,622名です
総投稿数は99,575件です

投稿数ランキング

1
seasoft
7333
2
468
2812
3
AMUAMU
2712
4
nanasess
2123
5
umebius
1843
6
yuh
1612
7
red
1430
8
h_tanaka
1062
9
fukap
907
10
tsuji
864
11
shutta
835
12
tao_s
793
13 ramrun 789
14 karin 657
15 sumida 641
16
homan
633
17 DELIGHT 572
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.