{"id":906,"date":"2023-08-26T20:22:28","date_gmt":"2023-08-26T20:22:28","guid":{"rendered":"https:\/\/support.visual-store.de\/?page_id=906"},"modified":"2025-12-02T08:51:04","modified_gmt":"2025-12-02T08:51:04","slug":"multi-content-picture","status":"publish","type":"page","link":"https:\/\/support.visual-store.de\/en\/multi-content-picture\/","title":{"rendered":"Multiple content picture"},"content":{"rendered":"<h1>Multi-content picture<\/h1>\n<h4>Overview<\/h4>\n<ul>\n<li><a href=\"#D\">Definition:<\/a><\/li>\n<li><a href=\"#V\">Prerequisite<\/a><\/li>\n<li><a href=\"#Var\">Variations<\/a><\/li>\n<li><a href=\"#EeMCP\">Creating a multi-content picture based on a Tego wall shelf<\/a><\/li>\n<li><a href=\"#UeVS\">Convert a VS article to a pCon article<\/a><\/li>\n<li><a href=\"#RMCP\">Render Multi Content Pictures<\/a><\/li>\n<li><a href=\"#UgMCP\">Upload of saved multi-content pictures to the cloud<\/a><\/li>\n<li><a href=\"#SF\">Share Function<\/a><\/li>\n<\/ul>\n<hr \/>\n<h4 id=\"D\">Definition:<\/h4>\n<p style=\"margin-left: 25px;\">The difference between a normal image and a <b>Multi-Content Picture<\/b> consists of saving commercial data in the image, such as item number, manufacturer, color, etc.<br \/>\nThis is particularly useful for planning, as your client can see online which items have been scheduled and can obtain additional information about them via web links.<\/p>\n<hr \/>\n<h4 id=\"V\">Prerequisite<\/h4>\n<p style=\"margin-left: 25px;\">To <b>Multi-Content Picture<\/b> To create it, the 3D object must contain OFML data or be a manual item. Furthermore, it is necessary to use the online service Impress in combination with a cloud provider such as <b>Dropbox<\/b>.<br \/>\nCurrently, it is not possible, <b>Impress<\/b> with the cloud provider <b>Google Drive<\/b> to connect, as this blocks the web application.<\/p>\n<hr \/>\n<h4 id=\"Var\">Variations<\/h4>\n<p style=\"margin-left: 25px;\">There are two variants of Multi Content Pictures:<\/p>\n<ul style=\"padding-left: 79px;\">\n<li>As a single image<\/li>\n<li>As a 360\u00b0 Panorama<\/li>\n<\/ul>\n<hr \/>\n<h4 id=\"EeMCP\">Creating a multi-content picture based on a Tego wall shelf<\/h4>\n<p style=\"padding-left: 40px: margin-top: 25px;\">Reading in a standard shelf:<br \/>\nIn the Shopfitting tab, click on \"Open Catalog.\" There, select the Tego Catalog under \"System Catalog.\".<br \/>\nIn the Article Search input field, please enter the following article number:<br \/>\nWRS1624CS<br \/>\nThen, double-click the shelf to load it into your empty plan.<br \/>\n<img decoding=\"async\" style=\"width: 50%;\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/10\/Erstellen_eines_MultiContentPictures_1.png\" \/><\/p>\n<hr \/>\n<h4 id=\"UeVS\">Convert a VS article to a pCon article<\/h4>\n<p style=\"margin-top: 25px;\">This is necessary so that information for the <b>Multi-Content Picture<\/b> can be deposited.<br \/>\nSelect the previously inserted wall shelf and ungroup it, either using the keyboard shortcut <b>CTRL+U<\/b> or via the registry <b>Shopfitting<\/b> and there via the button <b>Disband group<\/b>.<br \/>\nNow select a single shelf and go to the tab <b>Shopfitting<\/b> on the button <b>Tools<\/b> and click on the opening context menu <b>Generate article<\/b>.<br \/>\n<img decoding=\"async\" style=\"width: 50%;\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/12\/Erstellen_eines_MultiContentPictures_2.png\" \/><br \/>\nThis gave the shelf a <b>pCon Article<\/b> converted. You can recognize this by the green <b>Plus sign<\/b>, which is located above the shelf. Clicking on it opens the <b>Properties window<\/b>, where additional information can be stored.<br \/>\n<img decoding=\"async\" style=\"width: 50%;\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/10\/Erstellen_eines_MultiContentPictures_3.png\" \/><br \/>\nIn the open <b>Properties window<\/b> are the following fields pre-filled<br \/>\n<b>Item Information<\/b><\/p>\n<ul style=\"padding-left: 79px;\">\n<li>Manufacturer Identification (Manufacturer)<\/li>\n<li>Series Identification (Color Number)<\/li>\n<li>Item number<br \/>\n<b>Article text<\/b><\/li>\n<li>Short text<\/li>\n<li>Long text<\/li>\n<li>Variant text (color number)<\/li>\n<\/ul>\n<div style=\"width: 100%; display: grid; grid: auto \/ 60% auto; gap: 0 20px;\">\n<div style=\"grid-column: 1 \/ span 2;\">\n<p style=\"margin-top: 25px;\">\n    Purchase price and selling price can be neglected in this example, as this information does not appear online.<br \/>\nYou can customize the text in these fields as you wish.\n    <\/p>\n<\/p><\/div>\n<div style=\"grid-column: 1; grid-row: 2;\">\n<p>\n    Under <b>Link<\/b> Sure, what should I translate? <b>Article<\/b> link to a web address, e.g.: the manufacturer or even your own company.<br \/>\nTo do this, click on the three ... dots, which will open a window where you can enter the name of the link and the web address.<br \/>\nThis is how you can proceed for each individual item. In this example, for the column, the metal shelf, the base, the top back panel, and a bracket.\n    <\/p>\n<\/p><\/div>\n<div style=\"diplay: flex; justify-content: center; align-content: center; grid-column: 2; grid-row: 2\">\n    <img decoding=\"async\" style=\"width: 100%;\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-197.jpeg\" \/>\n  <\/div>\n<div style=\"grid-column: 1 \/ span 2;\">\n<p>\n    After all items have been populated with information, select the entire wall shelf and go to the tab <b>Shopfitting<\/b> on <b>Create group<\/b> and give your wall shelf a name there.\n    <\/p>\n<\/p><\/div>\n<\/div>\n<hr \/>\n<h4 id=\"RMCP\">Render Multi Content Pictures<\/h4>\n<p style=\"margin-top: 25px;\">Open the <b>Render window<\/b> About the tab <b>Presentation<\/b> and a click on <b>Picture<\/b>.<br \/>\n<img decoding=\"async\"  style=\"width: 50%;\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2025\/10\/Erstellen_eines_MultiContentPictures_4.png\" \/><br \/>\nUnder <b>Type<\/b> Choose <b>Multi-Content Picture<\/b> In terms of size, you can determine the image size. In this case <b>1920 x 1080 (Full HD)<\/b>. As a renderer, you can choose between, <b>OpenGL<\/b> or <b>OSPRay<\/b>.<br \/>\nIt is recommended to <b>OSPRay<\/b> to use, as the images are of higher quality and more realistic.<br \/>\nIn the <b>Render settings<\/b>, Can you the following <b>Options<\/b> set, under the heading <b>Special<\/b>:<\/p>\n<ul style=\"padding-left: 79px;\">Shadow realm<\/p>\n<li>Extended Reflections<\/li>\n<li>Extended ambient lighting<\/li>\n<\/ul>\n<p style=\"margin-top: 25px;\">After all settings have been made, click on the <b>Start button<\/b> for rendering and then save the image locally on your computer first. The file type is .<b>eimg<\/b>.<\/p>\n<hr \/>\n<h4 id=\"UgMCP\">Upload of saved multi-content pictures to the cloud<\/h4>\n<p style=\"margin-top: 25px;\">\nThe prerequisite for this is a cloud provider that is connected and set up with the planning program. In this case, the example is, <b>Dropbox<\/b>.<br \/>\nLog in to the cloud provider with your credentials and, after logging in, navigate to the Apps online folder and go into the folder there. <b>pCon.planner Shared<\/b>.<br \/>\nHere you can save your <b>Multi-Content Picture<\/b> per <b>Drag &amp; Drop<\/b> upload.\n<\/p>\n<p style=\"margin-top: 25px;\">\n<img decoding=\"async\" class=\"aligncenter size-full wp-image-925\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-200.jpeg\" alt=\"\" width=\"500\" height=\"auto\" srcset=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-200.jpeg 1268w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-200-300x229.jpeg 300w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-200-1024x783.jpeg 1024w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-200-768x587.jpeg 768w\" sizes=\"(max-width: 1268px) 100vw, 1268px\" \/><br \/>\nAfter this is done, copy the link to this file.\n<\/p>\n<div style=\"width: 100%; display: grid; grid: auto \/ auto auto; gap: 25px;\">\n<div>\n    <img decoding=\"async\"  style=\"width: 100%;\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-203.jpeg\" \/>\n  <\/div>\n<div>\n    <img decoding=\"async\" style=\"width: 100%;\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-201.jpeg\" \/>\n  <\/div>\n<\/div>\n<p style=\"margin-top: 25px;\">\nThen, open the following website: <a href=\"https:\/\/impress.pcon-solutions.com\/\">https:\/\/impress.pcon-solutions.com\/<\/a><br \/>\nIf you need help with Impress, <a href=\"https:\/\/support.visual-store.de\/en\/?page_id=1000&#038;preview=true\">Click here!<\/a><br \/>\nOn this website, you add the previously copied <b>Link<\/b> one. With a click on the right arrow, you will be taken to your <b>Multi-Content Picture<\/b> forwarded.\n<\/p>\n<div style=\"width: 100%; display: grid; grid: auto \/ auto auto; gap: 25px;\">\n<div>\n    <img decoding=\"async\" style=\"width: 100%;\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-204.jpeg\" \/>\n  <\/div>\n<div>\n    <img decoding=\"async\" style=\"width: 100%;\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-205.jpeg\" \/>\n  <\/div>\n<\/div>\n<p style=\"margin-top: 25px; float: left;\">\nNow, when you hover over one of the circles with your mouse, the previously stored information will be displayed.\n<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-939\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-206.jpeg\" alt=\"\" width=\"500\" height=\"auto\" srcset=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-206.jpeg 1268w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-206-300x229.jpeg 300w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-206-1024x783.jpeg 1024w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-206-768x587.jpeg 768w\" sizes=\"(max-width: 1268px) 100vw, 1268px\" \/><\/p>\n<p style=\"margin-top: 25px;\">\nWhen you click on one of the circles, a window with the long text will open on the right. With a click on <strong>Additional Information<\/strong> Go to the website that was previously linked in the scheduling program.\n<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-940\" src=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-207.jpeg\" alt=\"\" width=\"500\" height=\"auto\" srcset=\"https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-207.jpeg 1268w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-207-300x229.jpeg 300w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-207-1024x783.jpeg 1024w, https:\/\/support.visual-store.de\/wp-content\/uploads\/2023\/08\/image-207-768x587.jpeg 768w\" sizes=\"(max-width: 1268px) 100vw, 1268px\" \/><\/p>\n<p style=\"margin-top: 25px;\">\n<b>Note:<\/b><br \/>\nYou can also turn the entire shelf into an article. To do this, read a wall shelf from the catalog again or assemble a shelf from modular components.<br \/>\nThen select the grouped shelf and proceed <b>Shopfitting<\/b> under <b>Tools<\/b> on <b>Generate articles<\/b>. Then all individual articles will be listed in the long text, with their corresponding article numbers.<br \/>\nThis can be rendered again and the saved <strong>Multi Content<\/strong><b>\u00a0Image<\/b> per <b>Drag &amp; Drop<\/b> upload to your cloud provider.<\/p>","protected":false},"excerpt":{"rendered":"<p>Multi Content picture \u00dcbersicht Definition: Voraussetzung: Varianten: Erstellen eines Multi Content Pictures, anhand eines Tego-Wandregals Umwandeln eines VS-Artikels in einen pCon-Artikel Rendern des Multi Content Pictures Upload des gespeicherten Multi Content Pictures in die Cloud Share Funktion Definition: Der Unterschied &hellip; <a class=\"kt-excerpt-readmore more-link\" href=\"https:\/\/support.visual-store.de\/en\/multi-content-picture\/\">Read More<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-906","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/support.visual-store.de\/en\/wp-json\/wp\/v2\/pages\/906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.visual-store.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/support.visual-store.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/support.visual-store.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/support.visual-store.de\/en\/wp-json\/wp\/v2\/comments?post=906"}],"version-history":[{"count":52,"href":"https:\/\/support.visual-store.de\/en\/wp-json\/wp\/v2\/pages\/906\/revisions"}],"predecessor-version":[{"id":2406,"href":"https:\/\/support.visual-store.de\/en\/wp-json\/wp\/v2\/pages\/906\/revisions\/2406"}],"wp:attachment":[{"href":"https:\/\/support.visual-store.de\/en\/wp-json\/wp\/v2\/media?parent=906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}