Product Form

This block will allow you to configure Product Swatch, Add to Cart button, Checkout, Grouped Product and Advance Product Type option. This is the most important block in the Product Main option.

Add the Product form block to the Product main Section, then drag it to any position that you wanna show it. Example: Show the Product Form below the Description Block:

Step: From Product page > Product Main section > Add block > add the Product Form block

1. Product Swatch

  • Selector type: You can choose a variant selector type here. There are a total of 7 types for the Product Variant. You can see the video below to know more:

  • Color selector type: We have a total of 11 types for the Color Swatch, you can refer to this video:

Update Color selector type for Product Swatch with Unsen version 1.2:

In the Unsen version 1.2, we added a new type of swatch: Variant image round with label.

  • Enable adapt to first swatch image variant checkbox: Once you tick on this checkbox, the ratio of the Color Variant image will adapt to the ratio of the first product variant image that you configured in the Shopify backend.

  • Color selector size: You can choose the size for the color swatch color/ image here. This option only works with Color selector: color swatches, variant image types.

  • Show quantity selector checkbox: Tick on this checkbox to enable quantity selector.

  • Enable wishlist/ compare checkbox: Tick on this checkbox to enable Compare/ Wishlist below the Add to cart

  • Enable button full-width checkbox: Tick on this checkbox to enable the Add to Cart button - layout fulll-width.

  • Button round corners, Wishlist and compare button round corners: You can configure the border-radius for the quantity selector, Add to Cart button, Wishlist/ Compare button

2. Add To Cart Button

  • Add to Cart animation: You can choose an animation for the Add to Cart button here. You can check some Add to Cart animation styles in the video below:

  • Loop time (seconds): This option allows you to configure the time that you wanna replay the animation for Add to Cart button. Example: If I set 6 seconds, which means after every 6 seconds, the Add to Cart animation will auto replay.

  • Button Transform Text: Choose text transformation for the text on Add to Cart button here. We have 4 options: None, Uppercase, Capitalize and Lowercase.

  • Enable button icon: Tick on this checkbox to Enable the Add to Cart button icon.

  • Button Style, Button Color, Button Hover Effect: you can configure style, color, hover effect for the button.

You can refer to this video to know more:

3. Dynamic Checkout Buttons

  • Show dynamic checkout buttons checkbox: Tick on this checkbox to enable the Buy it now button on the product page.

  • Button Transform Text: Choose text transformation for the text on the Buy It Now button here. We have 4 transformations: None, Uppercase, Capitalize and Lowercase.

  • Button Color: Configure the color for the Buy It Now button.

4. Grouped Product

You can read more this article to know how to configure Grouped products.

5. Advance Products Type

You can read more this article to know how to configure the Advance Products Type option.

[Private offer] Unsen Partner Plan

Exclusively for Unsen users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)

  • Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.

  • Create advanced sections & add to Unsen with ease

  • Save up to 50 pages/sections

  • 100+ professional, stunning pre-designed templates

  • Anyone can build pages with live drag-drop editor

How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Unsen+EComposer” to upgrade for free.

Cheers, The4.

Last updated