• 文字サイズ


解決済

カラーミー 商品ページについて

  • 相談者:非公開
  • 2016/12/10 03:44
いつもお世話になります。
カラーミーを利用しております、TOPページから商品ページのレイアウトなどのテンプレートはオープン時に業者に作成してもらいました。今までは画像1のように商品詳細画像サイズが横長のため、他のサイトと画像を共有できないため、正方形に変更したく、カラーミーに確認したところ、「HTML・CSS編集によるデザインカスタマイズが影響している」とのことでCSSにて変更しました。
画像2が変更後のページですが、横幅を小さくしたため、拡大用商品画像が右横に配列されてしましました。
画像1のように商品詳細画像の下に拡大用商品画像を配列したいのですがどうすればいいのでしょうか。
また、商品詳細画像も拡大画像にすることはできないでしょうか?

HTML・CSSのことはほとんどわからないのですが、CSS編集に商品詳細レイアウトがありましたので下記にサイズ変更しました。
---------------------------------------------------------------------
#detail .main_img {
width395px;
height395px;
---------------------------------------------------------------------

下記は
商品詳細レイアウトの部分の詳細です。

#detail {
text-align:center;
color:<{$font_color}>;
}

#detail .expl {
line-height:150%;
text-align: left;
margin: 10px 10px 5px 10px;
}

#detail .main_img {
width395px;
height395px;
float:left;
padding: 4px;
border:1px #dacdb9 solid;
margin-bottom:15px;
}

#detail .sub {
float: left;
width: 188px;
text-align: center;
}

#detail .sub img {
width: <{$productimg_border}>px;
padding: 4px;
border:1px #dacdb9 solid;
}

#detail .table {
width: 400px;
background:transparent url(http://img.shop-pro.jp/tmpl_img/26/detail_table_bg.jpg) left top repeat-y;
text-align:left;
margin:20px auto 30px;
}

#detail .table .cell_1 {
width: 130px;
height: 28px;
color: #6d2916;
font-weight:bold;
border-right: 2px #ffffff solid;
border-bottom:2px #ffffff solid;
}

#detail .table .cell_2 {
width: 270px;
height: 28px;
color: #6d2916;
background:#f2ebe0;
border-bottom:2px #ffffff solid;
}

#detail .table .cell_mar {
margin: 0px 5px 0px 15px;
}

作ってもらった業者にお願いするのが一番早いのですが、今後、出来るだけ自分で出来ればと思っておりますのでご指導をお願いいたします。
投稿内容について報告する



  • 返信者:非公開
  • 2016/12/10 12:42
ECマスターズの田中です。

>画像1のように商品詳細画像の下に拡大用商品画像を配列したいのですがどうすればいいのでしょうか。
商品詳細画像、および拡大用………(省略)………
  • 返信者:非公開(質問者)
  • 2016/12/10 15:12
ECマスターズ 田中さま

早々のご連絡をありがとうございました。
新しく掲載したい正方形画像の商品のページは商品詳細画像はほぼセンターに拡大用商品画像は………(省略)………
  • 返信者:非公開
  • 2016/12/11 01:12
ECマスターズの田中です。


>全体的に中央に表示するには、どこをどのように変更すればいいのでしょうか。
すみません、最初のご質問にて指摘し忘れていた………(省略)………
  • 返信者:非公開(質問者)
  • 2016/12/12 17:54
ECマスターズ 田中さま

お世話になります。商品ページでの画像は、
スタイルシートを教えていただいたように変更しましたところ、綺麗に中央にきました。
………(省略)………
  • 返信者:非公開
  • 2016/12/12 21:08
ECマスターズの田中です。

スタイルシートでは、条件を判断してスタイルを出し分けることはできません。
また、JavaScriptを利用する場合も、
一………(省略)………
  • 返信者:非公開(質問者)
  • 2016/12/14 12:02
ECマスターズ 田中さま

お世話になります。
ご返信ありがとうございます、掲載済み画像の変更にてしてみます、ありがとうございました。………(省略)………