{"id":49946,"date":"2019-11-27T12:22:54","date_gmt":"2019-11-27T11:22:54","guid":{"rendered":"https:\/\/configuratorsuiteforwp.com\/?p=49946"},"modified":"2023-08-12T17:36:24","modified_gmt":"2023-08-12T16:36:24","slug":"modern-skin-add-on","status":"publish","type":"post","link":"https:\/\/www.orionorigin.com\/modern-skin-add-on\/","title":{"rendered":"Tutorial &#038; Guide for the &#8220;Modern Skin&#8221; Addon."},"content":{"rendered":"<h2>Overview<\/h2>\n<p>The Visual Product Configurator Modern Skin Addon is a skin that <span style=\"font-weight: 400;\">gives your product configuration a sleek, contemporary look and feel. It was built with minimalism and responsiveness in mind<\/span>.<\/p>\n<h3>Requirements and Installation<\/h3>\n<p><span>The instructions for the requirements, installation, and setup of the Modern Skin Addon can be found <a href=\"https:\/\/www.orionorigin.com\/product-category\/vpc-addons\/\/\">here<\/a>. Any additional setup information will be provided below.<\/span><\/p>\n<p><a href=\"https:\/\/demos.configuratorsuiteforwp.com\/modern-skin-demo\/\" target=\"_blank\" rel=\"noopener\">View Demo here.<\/a><\/p>\n<h3>Layouts<\/h3>\n<p>The Modern skin add-on has two layouts for you to choose from.<\/p>\n<ol>\n<ol>\n<li>The Modern Left Sidebar layout<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-22-modern-skin-03-1024x624.png\" alt=\"Modern skin Left Sidebar example\" width=\"640\" height=\"390\" class=\"aligncenter wp-image-56844 size-large\" title=\"\" srcset=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-22-modern-skin-03-1024x624.png 1024w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-22-modern-skin-03-300x183.png 300w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-22-modern-skin-03-600x366.png 600w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-22-modern-skin-03-150x91.png 150w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-22-modern-skin-03-768x468.png 768w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-22-modern-skin-03-1536x937.png 1536w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-22-modern-skin-03.png 1804w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/li>\n<li>The Modern Right Sidebar layout<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-21-modern-skin-02-300x281.png\" alt=\"Modern Skin Right Sidebar example\" width=\"300\" height=\"281\" class=\"alignnone wp-image-56843 size-medium\" title=\"\" srcset=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-21-modern-skin-02-300x281.png 300w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-21-modern-skin-02-600x562.png 600w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-21-modern-skin-02-1024x958.png 1024w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-21-modern-skin-02-150x140.png 150w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-21-modern-skin-02-768x719.png 768w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-21-modern-skin-02.png 1310w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/li>\n<\/ol>\n<\/ol>\n<h3>Configuration<\/h3>\n<p>To use this skin for your configuration, open the configuration, and scroll to the &#8220;Configuration Settings&#8221; section. In the &#8220;Skin&#8221; field, click the dropdown and choose which Modern skin layout you want to use for the configuration. Save or Update your configuration.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-20-modern-skin-01.png\" alt=\"Selection of Modern Skin in Configuration\" width=\"880\" height=\"338\" class=\"alignnone wp-image-56842 size-full\" title=\"\" srcset=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-20-modern-skin-01.png 880w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-20-modern-skin-01-300x115.png 300w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-20-modern-skin-01-600x230.png 600w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-20-modern-skin-01-150x58.png 150w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-add-on-guide-20-modern-skin-01-768x295.png 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><br \/>\nThat&#8217;s all.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview The Visual Product Configurator Modern Skin Addon is a skin that gives your product configuration a sleek, contemporary look and feel. It was built with minimalism and responsiveness in mind. Requirements and Installation The instructions for the requirements, installation, and setup of the Modern Skin Addon can be found here. Any additional setup information [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[415],"tags":[366,359,361,77,332],"class_list":["post-49946","post","type-post","status-publish","format-standard","hentry","category-configurator","tag-add-on","tag-documentation","tag-visual-products-configurator","tag-woo-visual-product-configurator","tag-woocommerce-product-configurator"],"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts\/49946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/comments?post=49946"}],"version-history":[{"count":1,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts\/49946\/revisions"}],"predecessor-version":[{"id":135479,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts\/49946\/revisions\/135479"}],"wp:attachment":[{"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/media?parent=49946"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/categories?post=49946"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/tags?post=49946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}