Product information

Accurate, reliable, and in-depth product details help customers find the information they need to make the best purchase decisions.

Accurate, reliable, and in-depth product details help customers find the information they need to make the best purchase decisions.

This section provides crucial data that belongs to an individual product such as price, title, quantity selector, etc.

You can change the product information by re-ordering, removing, and adding more blocks.

General settings

• Enable history state to the browser's URL;

• Enable the FoxKit's Variant group images feature

To set up Variant group images, see this article.

• Show the wishlist icon.

To set up your wishlist page, see this article.

Product information blocks

The product information blocks let you display the product title, price, variants selector, full description, and other add-ons.

Shipping information

Highlight key product features via multiple product labels with icons, that are perfect for capturing customers' attention.

Enable/ disable delivery estimation, shipping text, and returns. Add important info regarding the delivery, shipping text, and the number of days that the package will arrive.

Buy buttons

Enable/disable the "Show dynamic checkout button" to include a direct-to-checkout button. Other buttons such as Add-to-cart or quantity selector can be displayed if needed.

Learn more about Dynamic checkout buttons here.

Product media

• Control the layout of the product media on desktop:

  • Horizontal slider

  • Grid

  • Vertical slider

Horizontal slider layout

Grid layout

Vertical slider layout

• Show featured media by default or show the selected variant's image on the page load;

• Image zoom

• Video autoplay

• Show thumbnails on mobile

Sticky Add-to-Cart

When the Add-to-Card button of the product information block is not in the viewport, the Sticky Add-to-Cart appears.

This makes it easy for customers to select products and streamline the checkout process.

You can enable this feature on desktop and/or mobile view.

You can set other add-ons to display on your Sticky Add-to-Cart like dynamic checkout buttons, wishlist button, or compare button.

Complementary products

Displaying complementary products to customers makes it easier for them to discover new products and it is an effective cross-sell tactic to increase average order value.

Give a Heading to the block and set the Heading size.

Then, set the maximum number of complementary products to display (between 1-10 products).

You can also set the block to display the suggested items in one or two rows.

1 row

2 rows

Set the Image aspect ratio to the Product card and select the Color scheme you want.

Short description

Need to add a metafield definition with the namespace and key "descriptor.short_description" to display.

Learn more about Shopify Metafields here.

Rich text

Text that is formatted with common formatting options, such as bold and italics, that are unavailable with plain text.

Trust badge

A badge or seal that merchants put on their websites which meant to instill trust in their potential customers.

Add a heading and image for the badge. Merchants can control the image width and the heading position.

Product meta

Enable/disable collection list, SKU, product vendor, availability, and SKU.

Collapsible tab

Add a heading and the extra information of the tabs. Merchants can also add content using custom liquid.

Add-on buttons

Enable/disable add to compare, ask a question form, and social share buttons.

Custom field

Add text in the provided space for the field name, options, and placeholder. Display this block as required or show it at the checkout.

For the field type, there are 3 options: single-line text, multi-line text, and select.

Custom liquid

Add codes in the provided field.

Upload image field

Add text in the provided space for the field name. Display this block as required or show it at the checkout.