株式会社オートプロジェクト

Columnコラム
  • TOP
  • コラム一覧
  • WooCommerce|Tシャツなどのカラー、サイズバリエーションを登録する方法
WooCommerce|Tシャツなどのカラー、サイズバリエーションを登録する方法

  • WooCommerceでカラー・サイズ違いの商品を販売したい
  • WooCommerceでカラー・サイズ違いの商品を同一ページで作成したい

という方に向けて、画像付きでWooCommerceでバリエーションを登録する方法を紹介します!

手順1:WooCommerce>商品>新規作成を選択

手順2:タイトルを変更>下にある商品データの内容を変更する

商品データを基本的な商品から「バリエーションのある商品」に変更

属性を選択>カスタム商品属性を追加>名前・値変更、バリエーションのために使用にチェック後、属性を保存する

このままだと、バリエーションのデータだけを作成した状態なので、中身を入れるために手順3を行います。

※値を入力するときの「|」は半角。シフトと¥マークを同時押しで入力できます※

サイズ以外にもバリエーションがある場合は、上記と同様に作業する

手順3:バリエーション>全ての属性から〜>OKでバリエーションの中身を作成

必要な属性が追加できたら、次は属性の中身を作成します。

バリエーション>全ての属性からバリエーションを作る>OKで一度の作業で最大50個分の中身ができあがります。

作成例でいうと、サイズがS・M・L、カラーが赤・青・黄なので、9種類のバリエーションが一瞬で作成できます!便利ですよね。

上記のテキストが表記された後、下記のデータが作成されます

 

手順4:バリエーションごとに画像やテキストを追加し、保存で完成!

クリックすると中身が開きます。必要な箇所にテキスト・画像を入力しましょう。

作成例では、画像を選択・通常価格・説明部分にテキストを追加し、保存。この作業をあと8回行います。(作成したバリエーションの数による)

 

商品画像の追加方法は?

メディアを追加>ファイルをアップロード>ファイルを選択>メディアライブラリに反映

 

 

バリエーションのある商品の販売ページ(実際の見え方)

 

エンジニアのみなさまへ

株式会社オートプロジェクトでは、中小企業向けのシステム・アプリケーション開発 / 外注サービスを提供しております。

貴社のニーズに応じた柔軟なサポートを行いますので、ぜひお気軽にご相談ください。

>> 中小企業向けシステム・アプリケーション開発 / 外注サービスについて、オートプロジェクトに問い合わせをする