ビッグカルテルでプラチナプランを持っています。サイトのデザインには満足していますが、製品の上にマウスを置いたときに各製品の内部ズームを統合したいと考えています。Wordpress のオプションを見つけましたが、Big Cartel でそれが可能かどうか、またどのようなプロセスに従うべきか疑問に思っていました。
1190 次
1 に答える
0
コード編集が可能なプラチナ プランのストアがあるため、ここにはかなりの数のオプションがあります。デフォルトの Big Cartel テーマのほとんどには jQuery が含まれているため、jQuery を使用するプラグインを見つけるのがおそらく最善の策です。
プラグインの一例を次に示します: http://www.elevateweb.co.uk/image-zoom
この例では、jquery.elevatezoom.jsファイルを別のサーバーにアップロードし、ストアのレイアウト ファイルに含めるだけで済みます。
次に、個々の製品ページでコードを編集できます (例として Luna テーマ コードを使用)。
<img src="{{ image | product_image_url: "fullsize" }}" class="fade_in" alt="Image of {{ product.name | escape }}">
次のように変更できます。
<img id="product_zoom" src="{{ image | product_image_url: "fullsize" }}" data-zoom-image="{{ image | product_image_url: "fullsize" }}" class="fade_in" alt="Image of {{ product.name | escape }}">
次に、次のコードを使用してアクティブ化します。
$("#product_zoom").elevateZoom();
それが役立つことを願っています!
于 2014-03-26T15:26:18.373 に答える