Skinning: Custom Product Details

version 1.0.0 | Last Update: March 25, 2019


Within the below examples you will find all the elements you need to be able to design your own product details. Replace the elements in the JS section with your own content, replace the screengrab that represents the video background with your own to match your complete design.

save the CSS as: option-customProduct.css


The Voice of Holland


See the Pen Showtag: Custom Product Details by Ewald Bos (Showtag) on CodePen.

This custom product details design is used in a complely different way. The Voice Coach information can only be accessed from the top menu button (no tags on the screen) what means that the Custom Product container is used to display the coach information
Design: Inhouse