雇用主のためにVolusionストアの要素を再配置しようとしています。現在の商品ページはこちら
詳細ボックス(「学習する準備ができました!」とは何も表示されません)を右上に移動して、価格ボックスに合わせます。このボックスは、ネストされた階層に含まれるテーブルです。別のブランチのほぼ同じ「深さ」にあるテーブル。
ページのHTMLにアクセスできません。関連するCSSとともにメニューとフッターを生成するテンプレートhtmlファイルのみです。いくつかのJSがサイトに存在しますが、私はそれについての経験が不足しているので、私はそれに入るのをためらっています。
table-and-div構造と、HTMLを編集できないという事実のために、スタイルシートとおそらくJavaScriptを微調整する必要があります。私の問題はこれです:これらのツールのみを使用して、あるコンテナ内の要素を取得し、別のコンテナ内の要素に対して再配置するにはどうすればよいですか?私はもう試した Position:Relative; left:some percentage; top:some negative percentage;
これは、1つのページの場合、かなり見栄えがよくなりますが、他のユーザーにページの読み込みを許可すると、移動する要素のコンテナが画面の幅に基づいて計算されるため、完全にバラバラになります。 、宛先のコンテナは、幅から定数値(製品の画像)を引いた値で計算されます。
私の雇用主は、アレンジメントが完璧ではないことを喜んで受け入れます。彼らは 、 Volusionが 悪魔の 複合体であることを知ってい ます。しかし、彼らの製品がすべての関連情報を「スクロールせずに見える範囲」で表示することが彼らにとって重要です。明らかに、私はこれについてどんな種類の答えも見つけていません。生のコードにアクセスせずにウェブページを編集しなければならない人はそれほど多くはありません。それは愚かだからです。さらに悪いことに、完全に異なるコンテナに合わせるために要素を移動することは、私が収集するときに悪いポリシーですが、それは私が達成するように求められていることです。
Volusionでこれを行う唯一の方法はjavascriptを使用することです。製品ページのHTMLにアクセスできず、テーブルで構築されているため、CSSを使用して製品の説明領域を上に移動する方法はありません。
javascriptを使用して、製品の詳細領域の下にある製品の説明ボックスを切り離して追加する必要があります。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加