2011-07-20 5 views
0

画像のサムネイルをどのようにして大きな画像に合わせることができますか?私は独自のカートのソリューションとして使用していますHTMLに触れずにこの画像の中心を合わせるには

私は、CSSを編集することができます。またhttp://cailinshea.com/#ecwid:category=1200474&mode=product&product=4321711

を。私はPHPを書くことができます - しかし、何年もJavascriptに触れていない...私は簡単にWordpressで実装することができるより良いカートのソリューションですか?私はecwidカートでこのWordPressのサイトのデザインをカスタマイズすることがますます困難であることがわかっています。

ありがとうございました!

+0

やれやれ!それはいくつかの醜いhtmlです! – Duopixel

+0

lolええ、私はecwidカートで作業しなければならず、コードをきれいにすることを完全に諦めました... もちろん、テーマ、そしてワードプレスは役割も果たします! –

答えて

1

div.ecwid-productBrowser-details-GalleryPanel-imageContainerは、div.ecwid-productBrowser-details-GalleryPanelの中央に配置する必要があります。それが現在float: leftに設定されています、それを削除し、追加します:Chromeの開発ツールでトリックをした

margin-left: auto; 
margin-right: auto; 

私は本当にEnstoreが好きですが、Wordpressではありません。しかし、ええ、このカートのプラグインは本当に醜いHTMLを持っている...次

+0

enstoreは完全にオープンソースですか?一般的な機能のロックを解除するには支払いが必要ですか? 私はPHPで自分のストアアプリを開発していますが、数ヶ月間は終了しません。 –

+0

これはうまくいきましたが、今はhttp://cailinshea.com/#ecwid:category=1200474&mode=product&product=4321698画像を縦方向に表示しています(サムネイルが1つ以上ある場合) –

+0

いいえ、それは独自のものですが、今はベータ版で無料です。私はそれのきれいな外観が好きです。しかし、自分で書くことができれば、他の人にお金を渡すのではなく、そうすることもできます。 – nren

0

は動作するはずです:

#ecwid_body div.ecwid-productBrowser-details-GalleryPanel-imageContainer{ 
    margin:0 auto !important; 
    float:none !important; 
} 

.ecwid-productBrowser-details-GalleryPanel > div:first-child{ 
    margin:0 auto !important; 
} 
+0

はそれをしていないようです –

関連する問題