Skip to main content

How to Set Up Video Player Settings

Written by Mikaela Lasig

Video Player Settings lets you control the appearance and behavior of Tolstoy's storefront video player across supported experiences. It helps merchants keep playback behavior, product cards, in-feed PDPs, and CTA styling consistent with their brand and shopping flow.

Controls

Sound removed from videos by default: Keeps Tolstoy videos muted by default across the player experience.

Always start on mute: Starts the player muted when a shopper opens it, while still allowing them to unmute later.

Checkout & shopping bag: Enables the in-player shopping bag and checkout flow so shoppers can add products and move toward purchase directly from the player.

Border radius: Adjusts how rounded the feed buttons appear, from sharper corners to a more circular look.

Button opacity: Controls how transparent or solid the feed button background looks.

Button color: Sets the feed button background color to black or white, with the icon color automatically adjusted for contrast.



Feed Behavior

Header color: Changes the color of header text shown in the feed product details area.

Body color: Changes the color of supporting body text shown in the feed product details area.

Corners radius: Adjusts how rounded the fallback primary button appears.

Include product price: Adds the product price to the primary button when that layout supports it.

Quantity picker: Adds a quantity selector to supported add-to-cart flows so shoppers can choose how many items to add.

Image fit: Controls how product images are scaled inside the card, with Fill covering the space and Fit keeping the full image visible.

Image background: Controls the background behind product images, with Solid using a standard background and Blurry adding a blurred backdrop when extra space appears.

Hide Out of Stock products: Removes unavailable products from the product details card so shoppers only see items that are in stock.

Use default price instead of placeholder: Shows the stored product price while live pricing is loading instead of showing a placeholder.

Variants to hide: Lets you hide specific product variants from the player by entering their variant IDs as a comma-separated list.


Feed Product Card

Metafield namespace and key: Pulls the product subtitle from a specific product metafield using the namespace.key format.

Move to pdp on product click: Sends shoppers to the product detail page when they click the product in the card.

Show Afterpay: Displays Afterpay messaging in supported product views when Afterpay is available.

Clip product title after: Limits the in-video product title to the selected number of lines.

Clip variant subtitle after: Limits the in-video variant subtitle to the selected number of lines.

Card opacity: Controls how transparent or solid the in-video product card background appears.

Product Name > Text color: Changes the color of the product name text.

Product Name > Font size: Changes the size of the product name text.

Product Name > Font weight: Changes how light or bold the product name text appears.

Product Name > Letter case: Changes the product name text style to default, uppercase, lowercase, or capitalized.

Product Price > Text color: Changes the color of the product price text.

Product Price > Font size: Changes the size of the product price text.

Product Price > Font weight: Changes how light or bold the product price text appears.

Product Subtitle Styling > Text color: Changes the color of the product subtitle text.

Product Subtitle Styling > Font size: Changes the size of the product subtitle text.

Product Subtitle Styling > Font weight: Changes how light or bold the product subtitle text appears.

Product Subtitle Styling > Letter case: Changes the product subtitle text style to default, uppercase, lowercase, or capitalized.

Sale Price > Text color: Changes the color of the sale price text so discounted pricing stands out.

CTA Button > Text color: Changes the color of the CTA button text.

CTA Button > Font size: Changes the size of the CTA button text.

CTA Button > Font weight: Changes how light or bold the CTA button text appears.

CTA Button > Background color: Changes the background color of the CTA button.

CTA Button > Enable border: Adds a border around the CTA button.

CTA Button > Border radius: Changes how rounded the CTA button corners appear.

CTA Button > Letter case: Changes the CTA button text style to default, uppercase, lowercase, or capitalized.


In Feed PDP

Product Image Carousel

  • Open to variant image: Opens the product image carousel on the selected variant’s image when that variant has its own image.

  • Available options only: Shows only variant options that are currently available based on the shopper’s selection.

Product Settings

  • Show only multiple products: Keeps the in-feed PDP in a multiple-products view instead of switching to a single focused product view.

Product Name

  • Text color: Changes the color of the product name text.

  • Font size: Changes the size of the product name text.

  • Font weight: Changes how light or bold the product name text appears.

  • Letter case: Changes the product name text style to default, uppercase, lowercase, or capitalized.

Product Price

  • Text color: Changes the color of the product price text.

  • Font size: Changes the size of the product price text.

  • Font weight: Changes how light or bold the product price text appears.

Product Subtitle

  • Text color: Changes the color of the product subtitle text.

  • Font size: Changes the size of the product subtitle text.

  • Font weight: Changes how light or bold the product subtitle text appears.

  • Letter case: Changes the product subtitle text style to default, uppercase, lowercase, or capitalized.

Sale Price

  • Text color: Changes the color of the sale price text so discounted pricing stands out.

Variant Title

  • Text color: Changes the color of the variant title text.

  • Font size: Changes the size of the variant title text.

  • Font weight: Changes how light or bold the variant title text appears.

  • Letter case: Changes the variant title text style to default, uppercase, lowercase, or capitalized.

Variant Dropdown

  • Text color: Changes the color of the variant dropdown text.

  • Font size: Changes the size of the variant dropdown text.

  • Font weight: Changes how light or bold the variant dropdown text appears.

  • Letter case: Changes the variant dropdown text style to default, uppercase, lowercase, or capitalized.

Primary CTA Button

  • Text color: Changes the color of the primary CTA button text.

  • Font size: Changes the size of the primary CTA button text.

  • Font weight: Changes how light or bold the primary CTA button text appears.

  • Background color: Changes the background color of the primary CTA button.

  • Enable border: Adds a border around the primary CTA button.

  • Border radius: Changes how rounded the primary CTA button corners appear.

  • Letter case: Changes the primary CTA button text style to default, uppercase, lowercase, or capitalized.

Secondary Button

  • Text color: Changes the color of the secondary button text.

  • Font size: Changes the size of the secondary button text.

  • Font weight: Changes how light or bold the secondary button text appears.

  • Background color: Changes the background color of the secondary button.

  • Enable border: Adds a border around the secondary button.

  • Border radius: Changes how rounded the secondary button corners appear.

  • Letter case: Changes the secondary button text style to default, uppercase, lowercase, or capitalized.

Description

  • Text color: Changes the color of the description text.

  • Font size: Changes the size of the description text.

  • Font weight: Changes how light or bold the description text appears.


Branching CTAs

  • Start screen text: Changes the text shown on the first screen of the branching CTA experience.

  • Border radius: Adjusts how rounded the branching CTA buttons or containers appear.

  • Display icons: Shows or hides icons in the branching CTA options.

  • Icon color: Changes the color of the icons used in the branching CTA experience.

Contact form

  • CTA text: Changes the message shown in the contact form CTA prompt.

  • Color: Changes the color used for the contact form CTA.

Did this answer your question?