質問 > フロント機能 > デフォルトテンプレートのメイン画像サイズ変更 |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
enrty |
投稿日時: 2019/4/2 8:10
対応状況: −−−
|
新米 登録日: 2019/3/30 居住地: 投稿: 3 |
デフォルトテンプレートのメイン画像サイズ変更 [EC-CUBE]3.0.17
[レンタルサーバ]xserver [OS]Windorws10 [PHP]7.1.18 [データベース] MySQL 5.7.16 [WEBサーバ] Apache [ブラウザ] Google Chrome 73.0.3683.86(Official Build) (64 ビット) [導入プラグイン有] ・規格詳細表示 1.0.0 ClassNameDetail ・Coupon 2.0.1 Coupon ・Discount 0.0.1 Discount ・Facebook連携プラグイン 1.0.1 FacebookAdsToolbox ・GoogleAnalytics簡単設置プラグイン 1.0.2 GoogleAnalyticsSimpleSetup ・商品画像拡大(FREE版) 1.0.0 ImgExpansion ・LineLoginIntegration 1.1.3 LineLoginIntegration ・メールテンプレート機能拡張プラグイン 1.0.0 MailTemplateEdit ・メンテナンス管理 1.0.2 MaintenanceManager ・注文番号設定 1.1.1 OrderNumber ・OrderPdf 1.0.0 OrderPdf ・商品レビュープラグイン 1.0.1 ProductReview ・売上集計プラグイン 1.0.0 SalesReport ・ギャラリーブロックプラグイン 1.1 Shiro8GallaryBlock3 ・商品並び替えプラグイン 1.4.0 ※※※※※ お世話になります。EC-CUBE初心者です。 ご存知の方がいらっしゃいましたら お聞きできれば幸いです。 デフォルトテンプレートを利用しております。 現在、トップページに3枚回転するメイン画像(1120×448px) がありますが、「高さを縮小したい」と考えております。 既に、3つの写真の内、1つの写真を 高さを縮小した写真(例800×300px)に入れ替えたのですが、 「左詰め&下に空白」が出来る状態です。 何を変更すれば、全体(ブロック?)として高さが縮小されるのでしょうか。もしご存知でしたらご教授くださいませ。 何卒よろしくお願いいたします。 |
468 |
投稿日時: 2019/4/2 9:20
対応状況: −−−
|
神 登録日: 2008/10/26 居住地: 投稿: 3217 |
Re: デフォルトテンプレートのメイン画像サイズ変更 メイン画像のスライドには
slack.jsというjavascriptライブラリが利用されています。 公式サイトを見ると、サンプルに「variableWidth」という横幅の揃っていない画像のスライドはあるのですが、 高さの異なる画像を自動的に揃えるような機能は無いかと思います。 http://kenwheeler.github.io/slick/ javascriptやスタイルシートで調整するのは、難しいのではないかと思いますので、 画像ファイルのサイズを調整する(せめて高さだけでも)ほうが 楽に綺麗にできるのではないかと思います。
|
joolensato |
投稿日時: 2019/4/2 11:30
対応状況: −−−
|
常連 登録日: 2019/3/20 居住地: 投稿: 51 |
Re: デフォルトテンプレートのメイン画像サイズ変更 /html/template/default/css/slick.css
の43行から51行目辺りにheightなど直接指定すれば変更可能です。 ですが画像が見切れてしまいますので画像サイズの変更もしなければなりません。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |