Use modern design (iOS)
Use modern (v2) short video player
FireworkVideoSDK.shortVideoPlayerDesignVersion = .v2Use modern (v2) livestream player
FireworkVideoSDK.livestreamPlayerDesignVersion = .v2Customize the V2 product card
FireworkVideoSDK.shopping.delegate = <FireworkVideoShoppingDelegate delegate>func fireworkShopping(
_ fireworkShopping: FireworkVideoShopping,
willDisplayProductInfo productInfoViewConfigurator: ProductInfoViewConfigurable,
forVideo video: VideoDetails
) {
var productCardV2Config = ProductCardV2Configuration()
// Specifies the background color for the V2 video product card
// If not set, the default gradient background will be applied
productCardV2Config.backgroundColor = .white
// Specifies the corner radius to be applied to the V2 video product card
productCardV2Config.cornerRadius = 8
// Specifies the border color of the V2 video product card
productCardV2Config.borderConfiguration.color = UIColor.white.withAlphaComponent(0.7)
// Specifies the label text color of product name
productCardV2Config.nameLabel.textColor = .black
// Specifies the label text color of price
productCardV2Config.priceConfiguration.priceLabel.textColor = .black
// Specifies the label text color of discount
productCardV2Config.priceConfiguration.discountLabel.textColor = .red
// Specifies the label text color of original price
productCardV2Config.priceConfiguration.originalPriceLabel.textColor = .gray
// Apply the V2 product card configuration
productInfoViewConfigurator.productCardV2Configuration = productCardV2Config
}Last updated
Was this helpful?