Woocommerce Section

  2. Home
  4. Woocommerce Section
  6. Adding Your Products

Adding Your Products

Adding Products

To add a product, navigate to Products > Add New from your WordPress dashboard. You can watch these videos to learn how to add each type of product:

 

Add Product Images

As Upscale has many variations of the shop page layout and single product layout, you need to assign the proper images for each layout. Upload product images and product gallery for portrait and/or landscape mode, depending on the layout you use.

Upload the portrait images in the product image and product gallery section, while the landscape images are uploaded within Dahz Settings that you can see on the right sidebar.

 

Product Categories, Tags, and Attributes

Watch the tutorial here.

NOTE: In Upscale, you need to choose page layout for each product category or simply choose one layout for all product categories in the customizer for page title.

For attributes, Upscale has developed a way to let you add attribute terms that will display colors and images of product. After creating an attributes, create the terms that you can be assigned to label (text), color or image for each. Color and image terms later can be created as product swatches.

TIP: Create the terms in the same type first (e.g. creating terms with color type) so they will be displayed in the widget tidily.

NOTE: If you choose to use image type, upload an image with 1:1 aspect ratio.

 

Create Color and Image Swatches

In Upscale you can add color and image swatches that will display the product variable attributes. When you create or edit a product, assign the product attributes first that you have created (within Products > Attributes) to create the swatches.

  1. In Product Data section, choose variable product from the dropdown option.                
  2. Go to Attributes tab section, then choose the attributes you want to use.
  3. Type the attribute terms in the Value(s) field or simply click select all button to generate all terms, check the Used for variations box, then click Save attributes.
  4. Next, go to Variations tab section. From the dropdown menu select add variation or create variations from all attributes to generate all terms of attributes you have chosen in Attribute tab.
  5. Expand the attribute term setting, then assign product images of the selected attribute by clicking the Upload Additional Image button. The first and second image uploaded will be the primary images based on the layout you use (if it displays one or two primary images), then the rest will appear as the gallery.
  6. Now let set the thumbnail to display the attribute terms. Go to DF Swatches tab section, then select the thumbnail type you want.
    • None: default WooCommerce setting (dropdown)
    • Taxonomy: global setting (all type of terms you have created in Products > Attributes)
    • Custom color or image: color or image
  7. Add additional product images for each attributes that will be used on the shop page by expanding the attributes setting. Upload the portrait and/or landscape product images.
    • Preview Shop Archive on Click: The product images that will appear when user clicking the swatches.
    • Preview Shop Archive on Hover: The product images that will appear when user hover on the photo after selecting the swatch.

NOTE: To show the swatches in shop page, you should enable it within Appearance > Customize > WooCommerce > Shop.

 

Add Product Badge

You need to enable the product badge first before you can add a badge to a product. Read this section to enable product badge.

  • To assign ‘new’ badge to a product, scroll down to Dahz Setting when you create or edit a product, then check the Display Badge box in General Layout tab section.

If you set custom text badge as the ‘new’ badge, you can change the text you have set before in the product badge setting. Simply type the text in the Rename Badge box.

NOTE: The custom text you enter on the Rename Badge box will only apply to the selected product, it won’t affect other products with the ‘new’ badge as they will display the custom text you have set globally in the product badge setting.

  • To assign ‘sale’ badge, scroll to the Product Data, select the General tab, then enter the sale price for the product. It will generate ‘sale’ badge for the product automatically.

 

Add Product Video

You can insert a product video in the single product so that your customers can get more perspective about your product in action. Simply input the URL link of the video from Youtube, Twitter, or Instagram within Dahz Setting at the bottom when you add a new product.