お知らせ

グーペに関するいろいろな情報をお伝えします。

【機能改善】Googleマップの表示方法を変更します
平素はグーペをご利用いただき、誠にありがとうございます。

この度は、ホームページに表示されるGoogleマップについてのお知らせです。

店舗情報ページやトップページに表示されるGoogleマップの表示方法を動的表示から画像表示に変更いたします。

この対応により地図の読み込みが速くなり、ホームページの表示スピードを改善いたします。

また、ホームページ内での動的なGoogleマップ表示は、動作が重くなることや操作ミスに繋がることがありましたが、今後は1クリックでGoogleマップが表示されるため、ホームページに訪れるお客さまが使いやすやが向上します。

※テンプレートによって地図のサイズ幅が小さくなるものもございます。

これまでこれから
これまでこれから

<影響範囲(Googleマップが表示されるページ)>

  • 店舗情報ページ
  • トップページ(一部のテンプレートのみ)


<変更日時>
2018年9月13日(木)

本仕様変更に伴い下記のテンプレートをご利用の方はテンプレートの変更作業が必要となります。

  • Brooklyn
  • Kyoto
  • Simple2
  • Black
  • Village
  • Salon2


<テンプレートの対応>

2つの方法がありますので、必要に応じてお選びください。


方法1:新規にテンプレートをダウンロード(推奨)

デザイン>新しいテンプレートをダウンロードする」より任意のテンプレートをダウンロードしてください。


▽グーペ管理画面 - デザイン設定
https://admin.goope.jp/customize/
※管理画面へのログインが必要です。

▽マニュアル - テンプレートのダウンロード方法
https://goope.jp/manual/download-template/


方法2:CSSを編集

すでにカスタマイズを行っている場合など、現在適用中のテンプレをそのまま利用される方はこちらの方法でご対応お願いします。

管理画面の「デザイン > 編集」のCSSエリアの最後尾に各テンプレートのソースコードを貼り付けて【保存】をクリック。

・Brooklyn
body#about .map,
body#top .about .block.map {
  padding: 31px 0;
  margin: 0 auto;
  max-width: 670px;
}
@media only screen and (max-width: 900px) {
  body#about .map,
  body#top .about .block.map {
    padding: 31px 0;
  }
}
@media only screen and (max-width: 640px) {
  body#about .map,
  body#top .about .block.map {
    padding: 5.1% 0 5.1%;
  }
}

・Kyoto
body#about .map iframe,
body#top .about .block.map iframe {
  border: 0;
}

・Simple2
.map {
  background: transparent;
}

・Black
.map {
  background: transparent;
}

・Village
.map {
  background-color: #fff;
}

・Salon2
.map {
  background: transparent;
}

※テンプレートの再ダウンロードは不要です。
※HTML・CSS編集を行う場合は必ずテンプレートのコピーをお願いいたします。

以上となります。

お客さまのホームページがより多くの方にご覧いただけますよう、これからも機能改善を進めてまいります。
今後ともグーペをよろしくお願いいたします。