Product Page

This version of a product page has the eCommerce Card shown below and the Media Bar to display MP4 video and YouTube.

eCommerce Card

The card has fields the product name. price, description, styled spans and a link.
The link has a cart icon by default but this can be changed to any other in the download folder.

Cart Bar

The ThemeKit eCom Cart Bar widget has a view cart and a add to cart CTA (call to action) style link.
The SVG icon and the text share the same color and each tab can have a different background.
Icons are selected by type

• Bag and add to bag
• Basket and add to basket
• Cart and add to cart
• The icon has a control to adjust its size

The widget has controls for setting a background two color gradient, maximum width and minimum tab width.
Follow the link below to see the fixed position "View Cart" action tab with optional animation …

Media Bar

The ThemeKit eCom Media Bar is used to add extra functions to the item inserted above it. In this case it is inserted below an eCom Article widget to open modals with a large image, a slideshow and an MP4 video plus an add to cart link.

• The modal image has two image files with a smaller one for mobile devices
• The slideshow also has two image files with a smaller one for mobile devices
• The video inserts two video files with a smaller one for mobile devices
• The cart tab can open an internal or external page
• The cart icon can be changed to any other icon in the SVG download folder.
• The action tabs show an info span on hover
• The spans will show on tap on mobile devices
• An open span will close when the device's screen is tapped anywhere off the tab

Styles

The bar can have a solid background or a two color gradient. The tabs can be square with a border radius or made round by checking a box.