{"id":32616,"date":"2019-11-15T12:20:02","date_gmt":"2019-11-15T11:20:02","guid":{"rendered":"https:\/\/configuratorsuiteforwp.com\/?p=32616"},"modified":"2023-08-14T13:23:13","modified_gmt":"2023-08-14T12:23:13","slug":"multiple-views-add-on","status":"publish","type":"post","link":"https:\/\/www.orionorigin.com\/multiple-views-add-on\/","title":{"rendered":"Tutorial &#038; Guide for the &#8220;Multiple Views&#8221; Addon."},"content":{"rendered":"<h2><span>Overview<\/span><\/h2>\n<p><span>The Visual Product Configurator Multiple Views Addon allows the customer to see his custom product in multiple views and angles, which are configured by the shop manager.<\/span><\/p>\n<h3>Installation and Setup<\/h3>\n<p><span>The instructions for the requirements, installation, and setup of the Multiple Views add-on 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\/multi-views-configuration\/\" target=\"_blank\" rel=\"noopener\">View Demo here<\/a>.<\/p>\n<h3><span>Manage Views<\/span><\/h3>\n<p><span>The Multiple Views add-on has been updated recently to make adding views easier for you. To add views to a configuration, you have to do so from within your configuration now. Please follow the steps:<\/span><\/p>\n<ol>\n<li><span>If you are adding the views to an existing configuration, please open it by going to <\/span><b>Product Builder &gt; Configurations<\/b><span> and clicking the particular configuration. If it did not exist previously, please go to <\/span><b>Product Builder &gt; New configuration<\/b><span>.<\/span><span>\n<p><\/span><\/li>\n<li><span>Scroll down to the Views segment, and click \u201cYes\u201d radio button in front of \u201cActivate Multi views\u201d.<\/span><span>\n<p><\/span><\/li>\n<li style=\"text-align: center;\"><span>In the following field called \u201cViews\u201d please add the names of the views you would like to add to the configuration, one name per line.&nbsp;<\/span><span><span><br \/>\n<\/span><\/span><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/vpc-addon-multiviews-01-1024x282.png\" alt=\"VPC Multiviews add on pic 1\" width=\"640\" height=\"176\" class=\"wp-image-35447 size-large\" title=\"\" srcset=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/vpc-addon-multiviews-01-1024x282.png 1024w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/vpc-addon-multiviews-01-300x83.png 300w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/vpc-addon-multiviews-01-600x165.png 600w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/vpc-addon-multiviews-01-150x41.png 150w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/vpc-addon-multiviews-01-768x212.png 768w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/vpc-addon-multiviews-01-1536x423.png 1536w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/vpc-addon-multiviews-01-2048x564.png 2048w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><br \/>\nIMAGE OF THE VIEWS SEGMENT<\/li>\n<li><span>Save your configuration. This is important so that the views\u2019 names can be entered into the configuration requirements for you to continue the set up.<\/span><span>\n<p><\/span><\/li>\n<li><span><span>As soon as the page reloads, the names of the views you entered in step 3 will appear within a dropdown field, for each component, titled \u201cDefault View\u201d. This lets you choose which of the views you have added that you want to make the default view for the user, upon page load. This choice is optional, therefore a \u201cNone\u201d value is also included.\n<figure id=\"attachment_35450\" aria-describedby=\"caption-attachment-35450\" style=\"width: 640px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-addon-multiviews-02-1024x293.png\" alt=\"VPC Multi views Add on pic 2\" width=\"640\" height=\"183\" class=\"wp-image-35450 size-large\" title=\"\" srcset=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-addon-multiviews-02-1024x293.png 1024w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-addon-multiviews-02-300x86.png 300w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-addon-multiviews-02-600x172.png 600w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-addon-multiviews-02-150x43.png 150w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-addon-multiviews-02-768x220.png 768w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-addon-multiviews-02-1536x440.png 1536w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-addon-multiviews-02-2048x586.png 2048w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><figcaption id=\"caption-attachment-35450\" class=\"wp-caption-text\">IMAGE OF COMPONENT SHOWING DEFAULT VIEW COLUMN<\/figcaption><\/figure>\n<p><span><br \/>\n<\/span><\/p>\n<p><\/span><\/span><\/li>\n<li style=\"text-align: left;\"><span><span>Clicking any of the component\u2019s \u201cManage Options\u201d allows you to view the options you have set for that component. If you had none before, or you want to add another, click \u201cAdd option\u201d. You should notice that the views created earlier exist as columns for each component\u2019s options (see image below for an example).<br \/>\n<\/span><\/span><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-addon-multiviews-03-1024x475.png\" alt=\"VPC Multiviews add-on pic 3\" width=\"640\" height=\"297\" class=\"wp-image-35451 size-large\" title=\"\" srcset=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-addon-multiviews-03-1024x475.png 1024w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-addon-multiviews-03-300x139.png 300w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-addon-multiviews-03-600x279.png 600w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-addon-multiviews-03-150x70.png 150w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-addon-multiviews-03-768x357.png 768w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-addon-multiviews-03-1536x713.png 1536w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-addon-multiviews-03-2048x951.png 2048w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><br \/>\nIMAGE OF COMPONENT SHOWING THE VIEWS<span><\/p>\n<p><\/span><\/li>\n<li><span>Set the images for each view &#8211; remember that these images are the ones that will show when your users click the different view buttons, at the front end.<\/span><span>\n<p><\/span><\/li>\n<li><span>Fill all the other fields for each option. Click outside the pop-up box and publish\/update your configuration.<\/span><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Overview The Visual Product Configurator Multiple Views Addon allows the customer to see his custom product in multiple views and angles, which are configured by the shop manager. Installation and Setup The instructions for the requirements, installation, and setup of the Multiple Views add-on can be found here. Any additional setup information will be provided [&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":[359],"class_list":["post-32616","post","type-post","status-publish","format-standard","hentry","category-configurator","tag-documentation"],"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts\/32616","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=32616"}],"version-history":[{"count":1,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts\/32616\/revisions"}],"predecessor-version":[{"id":135472,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts\/32616\/revisions\/135472"}],"wp:attachment":[{"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/media?parent=32616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/categories?post=32616"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/tags?post=32616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}