Featured product
*Important when updating to Whisk 8.0.0 from version 7.0.1 or earlier
There is a breaking change on this section that should be addressed before the theme update is pushed live. Make sure to add in a new block called "Variant selector". The variants on a product used to be coupled in with the "Product form" block, but we have split them out to allow for more flexible layouts. For detailed instructions and information, watch this video where we go over how to make this update on the product templates, but the same also applies to this Featured product section.
Blocks
Product title
Font style
Choose the font that you want the product title to display in.
Font size
Select the size of the text for the title.
Description
This is the product description that is entered for each product in the Shopify admin. There are no customizable settings for this block.
Price
Displays the product price. This price will automatically update when different variants with different prices are selected, and will show an original price crossed out next to the current selling price if the product is on sale. If your store in configured to have taxes included in the price of items, then a note will display here that reads, "Tax included." If you have a Shipping policy filled out for your store in the Shopify admin, a message will also show underneath the price that says "Shipping calculated at checkout" and it will be a link to your full Shipping policy. Example:
Show shop pay installment terms
You can choose to show Shop pay installment terms underneath the price if Shop pay is enabled for your store and by checking this box.
Variant selector
This block will display the variant selectors for the product. All options for how this displays are set in Theme Settings/Products and you can find the documentation for that here.
Product form
Displays the "Add to cart" button and quantity selector for the product.
Show dynamic checkout buttons
Checking this box will also show checkout buttons for other payment methods available on your store here.
Vendor
No customizable settings here. It will just display the product vendor name.
Product subtitle
Displays the product subtitle for the product. For more information, see the documentation for Product subtitle.
Custom liquid
Add your own Liquid or HTML code here. See the Custom liquid documentation for more details.
Divider
This block adds a visual divider line with space above and below it. This is useful if you want help differentiating many blocks of content. Make sure your divider line looks good on all screen sizes as the layout shifts from 3, to 2, to 1 column.
Text
Add custom text for the product.
Custom button
(Whisk 11.0.4 and above)
Add a button that links to a URL. This can be used instead of an add to cart button for scheduling apps, preorders, etc.
Apps
You can add apps through this block.
Inventory Status
(Whisk 6.1.0 and above)
Show the inventory status of a product or selected product variant when inventory is being managed through the Shopify admin.
Font style
Choose the font that you want the product title to display in.
Text size
Select the size of the text for the title.
Make text bold
Check this box to make the text bold.
Show inventory status
Choose one of the options for when to show the inventory status:
"Always" — Status will show when a product is In stock, low inventory, or sold out.
"When stock is low or sold out" — Status will show when a product is low inventory, or sold out, not when it is in stock.
"Only when stock is low" — Only show status when a product has low inventory, not when it's in stock or sold out.
Low inventory threshold
Any inventory amount below this chosen number will qualify as "low inventory".
Show inventory count
Show the number amount left of inventory in the status notice. When unchecked, the notice will just simple say "In stock", etc.
In stock, low inventory, and out of stock colors
Choose a color for the notice to display in so it stands out in the layout. Make sure you choose a color that has enough contrast to be legible on top of your store's background color.
Single line text
Use this block for line item properties you want to display for a product.
Icon
(Whisk 6.1.0 and above)
Choose an icon to prepend to the line of text. Optional.
Text
The text that you want to display. You can also connect this dynamically to a product metafield.
Font style
Choose the font that you want the product title to display in.
Text size
Select the size of the text for the title.
Multi line text
Add rich text like paragraphs of content, links, and lists.
Text
The text that you want to display. You can also connect this dynamically to a product metafield.
Text size
Select the size of the text for the title.
SKU/Barcode
Display the product or selected product variant's SKU and/or Barcode when it's available.
Font style
Choose the font that you want the product title to display in.
Text size
Select the size of the text for the title.
Show SKU
Check this box to display the SKU. The SKU will automatically be prefixed with the text "SKU:"
Show Barcode
Check this box to display the Barcode.
Barcode descriptor
Add a descriptor for the barcode that will be prefixed to the barcode. This is optional.
Settings
Product
Choose the product you want to feature.
Media settings
If you have more than one image on the product, the images will display in a slideshow media gallery. You can give visitors two choices for how to navigate through the images on desktop and mobile.
Media position
Choose whether you'd like the media on the right or left side of the layout.
Media width
(Whisk 6.3.0 and greater)
Choose to make the media gallery skinnier, wider, or the same size as the content next to it. Media will default to being full width on mobile.
Gallery layout options
Thumbnails on top of gallery
Thumbnails below gallery
Arrows
Enable video looping
Check this box if you want videos to loop over and over when they are played.
Section spacing
(Whisk 5.0.0 and above)
Adjust top and bottom padding within the section.
Add space above or below
(Whisk 4.3.1 and below)
Depending on the sections that are above or below this section, you may want to add some extra space for a more pleasing layout.