Product information
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.
Steps
In the theme editor (Customize), open the template selector
Select Products > then Default product.
On the left-sidebar, add Product information.
Make necessary changes > Save.
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
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.
Set the Image aspect ratio to the Product card and select the Color scheme you want.
Learn how to use the Shopify Search & Discovery app to choose complementary products for your website’s product pages.
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.
Last updated
