WooCommerceの画像が途切れないようにする

Question

私はWordPressサイトを構築中です。

画像が幅よりも先に高さを埋めるため、多くの画像が途切れることがあります。私はそれを別の方法で変更したい - 幅が重要です。私はこれを可能にするために追加する必要がありますカスタムCSSのはどのような

http://www.new.brooklynpartyrental.com/product/rectangle-tables/

？

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

Answer 1

これはCSSまたはHTMLの問題ではありません。 イメージソースファイル自体は切り捨てられ、埋め尽くされている親divよりもインラインの高さと幅が与えられています。高さも幅もイメージ要素に指定する必要はなく、幅：100％のCSSルールを単純に指定することもできます。

Answer 2

無効にWooCommerce>設定>製品>表示内のすべてのハードクロップオプション。あなたの新しいアップロード製品イメージはもう切り取られません。

Regenerate Thumbnailsプラグインをインストールして有効にして、[ツール]> [Regen]に移動します。サムネイル。 すべてのサムネイルを再生成し、魔法を待つ。