{"id":17312,"date":"2023-12-07T15:26:33","date_gmt":"2023-12-07T13:26:33","guid":{"rendered":"https:\/\/datapost.co.za\/help\/?page_id=17312"},"modified":"2025-03-06T14:41:57","modified_gmt":"2025-03-06T12:41:57","slug":"sst-multi-store","status":"publish","type":"page","link":"https:\/\/datapost.co.za\/help\/sst-multi-store\/","title":{"rendered":"SST &#8211; Multi-store"},"content":{"rendered":"[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.20.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_header title=&#8221;Multi-store&#8221; button_one_text=&#8221;Back&#8221; button_one_url=&#8221;https:\/\/datapost.co.za\/help\/nfinityx-sst\/&#8221; _builder_version=&#8221;4.20.0&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#018582&#8243; custom_button_one=&#8221;on&#8221; button_one_icon=&#8221;&#x34;||divi||400&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.20.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.20.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.20.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.20.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/a><!\u2013- [et_pb_br_holder] -\u2013><\/b><\/pee><pee class=\"scribe-description\">This guide goes over all the steps to create a basic Multi-Store Page. This functionality allows the SST to service multiple stores from a single device.<\/pee><!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><pee class=\"scribe-step\"><pee>Tip: Below is an example of a basic Multi-Store page on an SST.<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" height=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-10-09\/77573be4-135c-4e73-833e-d5b6f61ec3bf\/screenshot.png?tl_px=0,79&#038;br_px=886,1040&#038;force_format=png\"\/><\/pee>\n<h3 class=\"scribe-section\">CREATE MULTIPLE STORES<\/h3>\n<pee class=\"scribe-step\"><pee>1. Ensure you have at least two or more stores created. In this example I have &#8220;Datapost Pizza Shop&#8221; and &#8220;Datapost Coffee Shop&#8221;. See &#8220;SST &#8211; Store Guide&#8221; for detailed steps on creating a store.<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" width=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-10-09\/f91f22ad-bda4-42a3-8fec-e9d942d0724e\/screenshot.png?tl_px=0,0&#038;br_px=2824,192&#038;force_format=png&#038;width=1120.0\"\/><\/pee>\n<h3 class=\"scribe-section\">MULTI-STORE TEMPLATE DESIGN<\/h3>\n<pee class=\"scribe-step\"><pee>2. Navigate to &#8220;Location Multi-Store&#8221; under &#8220;Location Templates&#8221; in the sidebar.<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" width=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-12-07\/d9b93c92-1293-43dd-816b-f1851f12d594\/user_cropped_screenshot.jpeg?tl_px=0,0&#038;br_px=429,343&#038;force_format=png&#038;width=1120.0\"\/><\/pee><pee class=\"scribe-step\"><pee>3. Click &#8220;+ Add template&#8221;<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" width=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-12-07\/0b684aaa-c835-4258-a95d-2132f85c62e2\/user_cropped_screenshot.jpeg?tl_px=589,0&#038;br_px=2309,278&#038;force_format=png&#038;width=1120.0\"\/><\/pee><pee class=\"scribe-step\"><pee>4. Enter a unique name for the template and click &#8220;Save&#8221;.<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" width=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-12-07\/9e6ef531-376a-4da6-9f70-2bac3e82c87d\/user_cropped_screenshot.jpeg?tl_px=0,0&#038;br_px=2911,382&#038;force_format=png&#038;width=1120.0\"\/><\/pee><pee class=\"scribe-step\"><pee>5. Click &#8221; Edit Layout Design&#8221; on the template.<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" width=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-12-07\/61fc6185-0d24-439a-9a37-733fc739df58\/user_cropped_screenshot.jpeg?tl_px=35,0&#038;br_px=1754,118&#038;force_format=png&#038;width=1120.0\"\/><\/pee><pee class=\"scribe-step\"><pee>6. Click on the layout icon to get elements related to this template<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" width=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-12-07\/e024e484-bccb-4dfa-8fbe-1e48c84c2dab\/user_cropped_screenshot.jpeg?tl_px=0,0&#038;br_px=1243,503&#038;force_format=png&#038;width=1120.0\"\/><\/pee><pee class=\"scribe-step\"><pee>7. Under the &#8220;Stores&#8221; tab you will find elements related to the available stores. Click and drag the stores you want onto the canvas.<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" width=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-12-07\/6d29e84a-16b6-4293-b02e-e964303d7c37\/user_cropped_screenshot.jpeg?tl_px=0,0&#038;br_px=2430,1231&#038;force_format=png&#038;width=1120.0\"\/><\/pee><pee class=\"scribe-step\"><pee>8. Repeat step 7 for all the stores you want to add to the template.<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" width=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-12-07\/9dc311ea-e1ff-41f6-b3df-557a2a2b180a\/user_cropped_screenshot.jpeg?tl_px=0,0&#038;br_px=2900,1634&#038;force_format=png&#038;width=1120.0\"\/><\/pee>\n<h3 class=\"scribe-section\">ADD STORES AND MULTI-STORE TEMPLATE TO LOCATION CONFIGURATION<\/h3>\n<pee class=\"scribe-step\"><pee>9. Navigate to &#8220;Locations&#8221; under &#8220;Menu configurations&#8221; in the sidebar.<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" height=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-12-07\/0969414f-97c2-4419-9494-bf086d2ebc9d\/user_cropped_screenshot.jpeg?tl_px=0,0&#038;br_px=460,777&#038;force_format=png&#038;width=664\"\/><\/pee><pee class=\"scribe-step\"><pee>10. Click &#8220;Edit&#8221; on the relevant Location.<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" width=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-12-07\/c103ccb7-1ab1-4c07-81be-c99b300e41e3\/user_cropped_screenshot.jpeg?tl_px=0,0&#038;br_px=2666,124&#038;force_format=png&#038;width=1120.0\"\/><\/pee><pee class=\"scribe-step\"><pee>11. Add the Stores to the &#8220;Location has store(s)&#8221; dropdown.<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" width=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-12-07\/39180440-17cf-4d4f-8021-369c06717411\/user_cropped_screenshot.jpeg?tl_px=0,0&#038;br_px=1889,279&#038;force_format=png&#038;width=1120.0\"\/><\/pee><pee class=\"scribe-step\"><pee>12. Select the template under &#8220;Location has multi-store template&#8221;.<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" width=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-12-07\/be6fa8e1-40b9-4339-9d2b-1b8fc6ce2315\/user_cropped_screenshot.jpeg?tl_px=16,0&#038;br_px=2310,301&#038;force_format=png&#038;width=1120.0\"\/><\/pee><pee class=\"scribe-step\"><pee>Tip: The template will not be displayed on the SST unless these are two or more stores configured in the location for that location.<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-step\"><pee>13. Click &#8221; Save&#8221;<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" width=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-12-07\/d5d56e2f-8892-4f5c-bf89-6e97befd2e14\/user_cropped_screenshot.jpeg?tl_px=0,88&#038;br_px=3360,2011&#038;force_format=png&#038;width=1120.0\"\/><\/pee>\n<h3 class=\"scribe-section\">FURTHER CUSTOMISATIONS (OPTIONAL)<\/h3>\n<pee class=\"scribe-step\"><pee>14. Add some spacing to the top and bottom of the picture. First click on the picture and edit the &#8220;Margin&#8221; as per below:<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" height=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-10-09\/6dec1ec0-13e5-4601-9b4e-4e703a48bfe4\/screenshot.png?tl_px=0,0&#038;br_px=500,950&#038;force_format=png&#038;width=590\"\/><\/pee><pee class=\"scribe-step\"><pee>Tip: We added a margin of 10px to the top and bottom of the picture which adds space to the top and bottom of the picture.<!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --><strong>Tip:<\/strong><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->Take note of the classes selected under the &#8220;Classes&#8221; section. This will ensure you are editing the properties of the correct element.<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-step\"><pee>15. Make the font better by matching the below properties<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" height=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-10-09\/a4f8637e-d575-4c82-b06d-5858d1ec493d\/screenshot.png?tl_px=0,0&#038;br_px=496,846&#038;force_format=png&#038;width=656\"\/><\/pee><pee class=\"scribe-step\"><pee>Tip: We made the following changes:<!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->Font family: Comic Sans MS<!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->Font Size: 3em<!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->Font weight: bold<\/pee><!-- [et_pb_line_break_holder] --><pee><strong>Tip:<\/strong><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->Take note of the classes selected under the &#8220;Classes&#8221; section. This will ensure you are editing the properties of the correct element.<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-step\"><pee>16. Add a thicker border to the box containing the store. First click on the box and then match the properties below:<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" height=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-10-09\/90c2ad0a-cd26-49e6-9c8f-a0baf955d8d6\/screenshot.png?tl_px=0,0&#038;br_px=474,1232&#038;force_format=png&#038;width=430\"\/><\/pee><pee class=\"scribe-step\"><pee>Tip: We made the following changes:<!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --><strong>Border:<\/strong><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->Width: 8px<!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->Style: solid<!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->Color: black<\/pee><!-- [et_pb_line_break_holder] --><pee><strong>Tip:<\/strong><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->Take note of the classes selected under the &#8220;Classes&#8221; section. This will ensure you are editing the properties of the correct element.<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-step\"><pee>17. Add a background by clicking on an open area on the canvas to edit the properties of the body. I added a picture as the background and made it fit to the page with the below properties:<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" height=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-10-09\/7e770302-2442-4778-9cc9-d8ff65312ef6\/screenshot.png?tl_px=0,0&#038;br_px=488,898&#038;force_format=png&#038;width=608\"\/><\/pee><pee class=\"scribe-step\"><pee>Tip: Note the empty classes as this was done on the main body.<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-step\"><pee>18. Add some welcome text to fill the space. Click and drag a text element from the layout menu and enter some custom text. I adjusted the properties of mine as per below:<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" height=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-10-09\/004ff74e-c265-48e5-b761-9f9fc4d1dc2f\/screenshot.png?tl_px=0,128&#038;br_px=482,1409&#038;force_format=png&#038;width=352\"\/><\/pee>\n<h3 class=\"scribe-section\">IMPROVED OUTCOME<\/h3>\n<pee class=\"scribe-step\"><pee>19.<\/pee><!-- [et_pb_line_break_holder] --><\/pee><pee class=\"scribe-screenshot-container\"><img decoding=\"async\" class=\"scribe-screenshot\" height=\"560\" alt=\"\" src=\"https:\/\/ajeuwbhvhr.cloudimg.io\/colony-recorder.s3.amazonaws.com\/files\/2023-10-09\/0736f62a-c1c3-4eda-a912-07296be6f8cc\/screenshot.png?tl_px=0,128&#038;br_px=870,1409&#038;force_format=png&#038;width=634\"\/><\/pee>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.20.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.20.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.20.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_button button_url=&#8221;https:\/\/datapost.co.za\/help\/sst-multi-store\/&#8221; button_text=&#8221;To Top&#8221; _builder_version=&#8221;4.20.0&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#FFFFFF&#8221; button_border_color=&#8221;#018582&#8243; button_icon=&#8221;&#x32;||divi||400&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; button_bg_color=&#8221;#018582&#8243; button_bg_enable_color=&#8221;on&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":148,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-17312","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/datapost.co.za\/help\/wp-json\/wp\/v2\/pages\/17312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/datapost.co.za\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/datapost.co.za\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/datapost.co.za\/help\/wp-json\/wp\/v2\/users\/148"}],"replies":[{"embeddable":true,"href":"https:\/\/datapost.co.za\/help\/wp-json\/wp\/v2\/comments?post=17312"}],"version-history":[{"count":9,"href":"https:\/\/datapost.co.za\/help\/wp-json\/wp\/v2\/pages\/17312\/revisions"}],"predecessor-version":[{"id":18168,"href":"https:\/\/datapost.co.za\/help\/wp-json\/wp\/v2\/pages\/17312\/revisions\/18168"}],"wp:attachment":[{"href":"https:\/\/datapost.co.za\/help\/wp-json\/wp\/v2\/media?parent=17312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}