公開日：2022.11.27

ShopifyでJPEG形式の商品写真で背景を透過する方法

その他

用途

画像管理

実装方法

HTML/CSS

詳細を表示する

商品写真がJPEGの場合、透過状態に切り抜くのは何かと大変ですが、薄地の背景色であればCSSのmix-blend-modeを使うと便利です。

すべてのShopify TIPS

Shopifyのテーマ「Dawn/Rise」でメタオブジェクトを使って販売元（ブランド）コレクションへのリンクを表示する設定例
2024.12.13

Shopifyのテーマ「Dawn/Rise」でメタオブジェクトを使って販売元（ブランド）コレクションへのリンクを表示する設定例
回遊促進・離脱改善

サンプルコード有
Shopifyのテーマ「Rise/Dawn」のコレクションページで「タグによる絞り込み(詳細な絞り込み)」で不要なタグを非表示にする設定例：その２
2024.12.12

Shopifyのテーマ「Rise/Dawn」のコレクションページで「タグによる絞り込み(詳細な絞り込み)」で不要なタグを非表示にする設定例：その２
UI/UX改善

サンプルコード有
Shopifyのテーマ「Rise/Dawn」の商品ページに説明書などのPDFファイルダウンロードリンクを設置する設定例
2024.12.11

Shopifyのテーマ「Rise/Dawn」の商品ページに説明書などのPDFファイルダウンロードリンクを設置する設定例
UI/UX改善

サンプルコード有
Shopifyのテーマ「Rise/Dawn」のコレクションページで「タグによる絞り込み(詳細な絞り込み)」で不要なタグを非表示にする設定例
2024.12.10

Shopifyのテーマ「Rise/Dawn」のコレクションページで「タグによる絞り込み(詳細な絞り込み)」で不要なタグを非表示にする設定例
UI/UX改善

サンプルコード有

すべてを表示する

カートにアイテムが追加されました

ShopifyでJPEG形式の商品写真で背景を透過する方法

ShopifyでJPEG形式の商品写真で背景を透過する方法

用途

実装方法

すべてのShopify TIPS

Shopifyのテーマ「Dawn/Rise」でメタオブジェクトを使って販売元（ブランド）コレクションへのリンクを表示する設定例

Shopifyのテーマ「Dawn/Rise」でメタオブジェクトを使って販売元（ブランド）コレクションへのリンクを表示する設定例

Shopifyのテーマ「Rise/Dawn」のコレクションページで「タグによる絞り込み(詳細な絞り込み)」で不要なタグを非表示にする設定例：その２

Shopifyのテーマ「Rise/Dawn」のコレクションページで「タグによる絞り込み(詳細な絞り込み)」で不要なタグを非表示にする設定例：その２

Shopifyのテーマ「Rise/Dawn」の商品ページに説明書などのPDFファイルダウンロードリンクを設置する設定例

Shopifyのテーマ「Rise/Dawn」の商品ページに説明書などのPDFファイルダウンロードリンクを設置する設定例

Shopifyのテーマ「Rise/Dawn」のコレクションページで「タグによる絞り込み(詳細な絞り込み)」で不要なタグを非表示にする設定例

Shopifyのテーマ「Rise/Dawn」のコレクションページで「タグによる絞り込み(詳細な絞り込み)」で不要なタグを非表示にする設定例

国/地域