0

これはおそらくばかげた質問ですが、スタイリングをどこにでも入れようとしましたが、これを機能させることができないので、ここに私の問題があります。

Shopify を使用してショッピング サイトを作成し、それを Web サイトに移植するために iframe を使用しました (ヘッダーとフッターを含むサイトの残りの部分は wordpress であるため)。そのため、iframe のスクロール バーを取り除き、適切な高さに制限して、ホームページと製品ページがページの真ん中に表示されるようにしました。

問題は、カートに多くのアイテムを追加すると、iframe の高さよりも大きくなり、チェックアウトとペイパルのボタンが切り取られることです...

#cartform 自体を変更して max-height: ... !important; を追加しました。変更なし...次に、#cartform テーブルを変更して max-height: ... !important; を追加しました。変更なし...次に、一番上のdivまで行き、上記と同じものを追加しましたが、背景色を上に移動するだけでしたが、テーブルは縮小しませんでした。

html の基本的なレイアウトは次のとおりです。

   <div id="col-main" class="full content">
      <form id="cartform" class="clearfix" method="post" action="/cart">
         <table class="items">
            <colgroup></colgroup>
         </table>
      </form>
   </div>

また、firebug を使用して、製品のリストを含むすべての異なるブロックの高さを変更していました。ブロック自体に style="" を追加しましたが（上に表示）、まだ何もありません...

誰かがこれをやろうとしたり、同じ問題に遭遇したり、何が起こっているのか、それを修正する方法についての洞察を与えてくれるのではないかと思っていました. 私が考えることができる唯一のことは、リストが動的に生成されていることです（表示されるテーブルのカート内の各製品を追加します）。しかし、テーブルが高さによって制限されない理由がわかりません。または、テーブルを含む div の高さが低く設定されている場合に、テーブル全体がどのように表示されたままになるか。

どんな助けでも大歓迎です。

ありがとう、

アラン

4

2 に答える 2

0

ばかげた間違い...「overflow: scroll」もスタイルに追加していませんでした。どういうわけか、自動がデフォルトだと思っていました。しかし、さらに検討すると、表示がデフォルトです...

于 2013-02-20T19:57:54.373 に答える
0

アラン、少し遅れるかもしれませんが、別の方法として、Shopify ストアをワードプレス サイトに埋め込むこともできます。Shopifyには無料のアプリがあります。

詳細については、Shopify サイトをご覧ください。

于 2013-02-22T12:45:25.850 に答える