SeedProd ドキュメンテーション

SeedProdのドキュメント、参考資料、チュートリアル

WooCommerce商品ギャラリー画像ブロック

The WooCommerce Product Gallery Images block allows you to seamlessly insert product gallery images into your Single Product templates. With this feature, you can elevate the visual presentation of your products and provide customers with a comprehensive view of what you offer.

Requirements: The WooCommerce Product Gallery Images block is available in the Elite license. Before you get started, make sure you’ve installed WooCommerce and published some products.


To incorporate the WooCommerce Product Gallery Images block into your Single Product Templates, follow these steps:

  1. Under WooCommerceテンプレートタグ, drag and drop the WooCommerce Product Gallery Images block onto your Single Product Template.
    Product gallery block
  2. After adding the block, click on the 製品ギャラリー画像ブロック to access its settings. In the 内容 tab, you will find controls to customize the positioning and style of the Zoom button according to your preferences.
    Zoom button
  3. について Image Border settings provide controls to style the Image Border Radius and the Thumbnails border, allowing you to further customize their appearance.
    border-controls
  4. For additional customization options, navigate to the 上級 tab. Here, you can explore a range of styling controls, including controls for border settings, spacing, attributes, animation effects, and device visibility options.
    advenced-tab
  5. Once you have configured the settings to your liking, remember to save your work to ensure that your changes are preserved.

That’s it! With the WooCommerce Product Gallery Images block, you can enhance your product pages by seamlessly integrating product gallery images. Elevate your customers’ browsing experience and present your products in the best light possible.

この記事は役に立ちましたか?

関連記事