{"id":817,"date":"2023-09-01T10:32:15","date_gmt":"2023-09-01T10:32:15","guid":{"rendered":"https:\/\/crosslog.com\/wiki\/?p=817"},"modified":"2023-09-04T13:21:52","modified_gmt":"2023-09-04T13:21:52","slug":"crossdesk-relais-template","status":"publish","type":"post","link":"https:\/\/crosslog.com\/wiki\/en\/crossdesk-relais-template\/","title":{"rendered":"Crossdesk Relais Template"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"817\" class=\"elementor elementor-817\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-34d62d2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"34d62d2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-338fb01\" data-id=\"338fb01\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f082872 elementor-widget elementor-widget-heading\" data-id=\"f082872\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Welcome to CrossLog!<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1498e76 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1498e76\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1dc1a9f\" data-id=\"1dc1a9f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2a552a4 elementor-widget elementor-widget-text-editor\" data-id=\"2a552a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p dir=\"auto\"><strong>Introduction:<\/strong><\/p><p dir=\"auto\">In today&#8217;s fast-paced world, the demand for delivery services has skyrocketed. With the rise of ecommerce and the increasing reliance on online shopping, consumers expect quick and efficient delivery of their goods.<\/p><p dir=\"auto\"><strong>Enhancing Convenience with CrossLog:<\/strong><\/p><p dir=\"auto\">CrossLog, our delivery services app, is designed with the customer&#8217;s convenience in mind. Through a userfriendly interface, customers can easily browse through a wide range of products and place their orders within minutes. CrossLog provides detailed product descriptions, images, and pricing information to assist customers in making informed decisions. Moreover, CrossLog offers various convenient features, such as saved addresses and order tracking. Users can save their delivery addresses for quick and hassle-free future orders. Efficiency is at the core of CrossLog&#8217;s delivery services app. With our advanced algorithms and smart logistics management, we ensure that deliveries are optimized for speed and accuracy.<\/p><p dir=\"auto\"><strong>Conclusion:<\/strong><\/p><p dir=\"auto\">In a world where convenience and efficiency are paramount, CrossLog, our delivery services app, offers a comprehensive solution for individuals and businesses alike. By leveraging cutting-edge technology, we streamline the delivery process, enhance convenience, and ensure timely and reliable services. With CrossLog, customers can enjoy a seamless and stress-free delivery experience, making their lives easier and more convenient than ever before.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-013599f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"013599f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6d29a21\" data-id=\"6d29a21\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0b1f0c3 elementor-widget elementor-widget-heading\" data-id=\"0b1f0c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Features<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8f53c7f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8f53c7f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-43e5978\" data-id=\"43e5978\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-34a9ac9 elementor-widget elementor-widget-text-editor\" data-id=\"34a9ac9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p dir=\"auto\"><strong>Map Page:<\/strong><\/p>\n<ul dir=\"auto\">\n<li>\n<p dir=\"auto\"><strong>Search Location Bar:<\/strong>&nbsp;User can search a specific location by clicking on search location bar.<\/p>\n<\/li>\n<li>\n<p dir=\"auto\"><strong>Research Button:<\/strong>&nbsp;By clicking Research button receptive location will be displays on map.<\/p>\n<\/li>\n<li>\n<p dir=\"auto\"><strong>Vertical location Panel:<\/strong>&nbsp;Vertical panel contains the list of Name of place, Logo, Distance between specific shop to home, Shop name and List of Services.<\/p>\n<\/li>\n<li>\n<p dir=\"auto\"><strong>Horizontal Location Panel:<\/strong>&nbsp;Horizontal panel contains list of Name of place, Logo, Distance between specific shop to home, Shop name and&nbsp;<span style=\"font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight );\">Specific service.<\/span><\/p><\/li><\/ul>\n<ul dir=\"auto\">\n<li>\n<p dir=\"auto\"><strong>Popup with Multiple Service:<\/strong>&nbsp;Did you see this icon? This icon is for multiple services, when user click on this is multiple service icon users will see the popup.<\/p>\n<\/li>\n<li>\n<p dir=\"auto\"><strong>Show path between home location and selected location:<\/strong>&nbsp;By clicking specific box of vertical location panel, User can see the path between selected locations to user location with multiple services, but if user click specific box of horizontal location panel, User can see the path between selected locations to user location with specific service.<\/p>\n<\/li>\n<li>\n<p dir=\"auto\"><strong>Popup check box selects one specific service:<\/strong>&nbsp;This is for single location service when you click on single location service you will see this type of icon.<\/p>\n<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f2ff43f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f2ff43f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9126d6a\" data-id=\"9126d6a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-293f554 elementor-widget elementor-widget-heading\" data-id=\"293f554\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Configuration Page Desktop\/Mobile:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e2e8c9c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e2e8c9c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8004be4\" data-id=\"8004be4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-950d7f3 elementor-widget elementor-widget-text-editor\" data-id=\"950d7f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Following are the Options of Configuration Page:<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b9eb90b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b9eb90b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5feba1d\" data-id=\"5feba1d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e90862c elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"e90862c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p dir=\"auto\"><strong>Following are the Options of Configuration Page:<\/strong><\/p><pre dir=\"auto\"><span style=\"font-family: Consolas, Monaco, monospace;\">Display Map:<\/span><\/pre><p dir=\"auto\">We are providing two options for this feature.<\/p><ul dir=\"auto\"><li><p dir=\"auto\"><strong>Yes:<\/strong>\u00a0Show map on map page.<\/p><\/li><li><p dir=\"auto\"><strong>No:<\/strong>\u00a0Hide map on map page.<\/p><\/li><\/ul><blockquote><pre dir=\"auto\">Select Map:<\/pre><\/blockquote><p dir=\"auto\">Using this feature we can enable maps on map page. There are three maps we have right now. Here we are providing three maps as below.<\/p><ul dir=\"auto\"><li><strong>Google Map<\/strong><\/li><li><strong>Open Street Map<\/strong><\/li><li><strong>Bing Map<\/strong><\/li><\/ul><blockquote><pre dir=\"auto\">Select Design:<\/pre><\/blockquote><p dir=\"auto\">This is a color picker with help of it we can change the color of theme.<\/p><blockquote><p dir=\"auto\">Select Color of Marker:<\/p><\/blockquote><p dir=\"auto\">This is also color picker but with help of this color picker we can change a color of location marker.<\/p><blockquote><pre><strong>Limit:<\/strong><\/pre><\/blockquote><p dir=\"auto\">By help of this option user can update the limit of relay point locations.<\/p><blockquote><pre dir=\"auto\">Carrier service:<\/pre><\/blockquote><p dir=\"auto\">User could be select that service related location with help this option.<\/p><blockquote><pre dir=\"auto\">Location Panel:<\/pre><\/blockquote><p dir=\"auto\">We can change the position of Vertical Location box with help of it as well as it can be hide. Here we are providing three controls as below:<\/p><ul dir=\"auto\"><li><p dir=\"auto\"><strong>Right<\/strong>: User can move Vertical location box at right position.<\/p><\/li><li><p dir=\"auto\"><strong>Left<\/strong>: User can move Vertical location box at left position.<\/p><\/li><li><p dir=\"auto\"><strong>No<\/strong>: User can hide the Vertical location box.<\/p><\/li><\/ul><blockquote><pre dir=\"auto\">Right \/ Left Panel Option With Images:<\/pre><\/blockquote><p dir=\"auto\">This options allows user to show or hide location images from Vertical location box.<\/p><ul dir=\"auto\"><li><p dir=\"auto\"><strong>Yes<\/strong>: Show images.<\/p><\/li><li><p dir=\"auto\"><strong>No<\/strong>: Hide images.<\/p><\/li><\/ul><blockquote><pre dir=\"auto\">Top Map Option:<\/pre><\/blockquote><p dir=\"auto\">Horizontal location box can be hide or show with these below options<\/p><ul dir=\"auto\"><li><p dir=\"auto\"><strong>Yes<\/strong>: Show the Vertical location box.<\/p><\/li><li><p dir=\"auto\"><strong>No<\/strong>: Hide the Vertical location box.<\/p><\/li><\/ul><blockquote><pre dir=\"auto\">Show Logo Option:<\/pre><\/blockquote><blockquote><pre dir=\"auto\">Distance:<\/pre><\/blockquote><p dir=\"auto\">We can change location distance in kilometer or mile with help of this option. here we are providing two controls as below:<\/p><ul dir=\"auto\"><li><p dir=\"auto\"><strong>Kilometer<\/strong>: Convert distance in kilometer.<\/p><\/li><li><p dir=\"auto\"><strong>Miles:<\/strong>\u00a0Convert distance in miles.<\/p><\/li><\/ul><blockquote><pre dir=\"auto\">Select Home Icon:<\/pre><\/blockquote><p dir=\"auto\">User could be change the default home icon with help of this option.<\/p><blockquote><pre dir=\"auto\">Select Pointer Icon:<\/pre><\/blockquote><p dir=\"auto\">User could be change the location pointer with help of this option.<\/p><blockquote><pre dir=\"auto\">Languages:<\/pre><\/blockquote><p dir=\"auto\">This option will help you for select language.<\/p><ul dir=\"auto\"><li><p dir=\"auto\"><strong>Default Language:<\/strong>\u00a0When user selects this option application detects that country language and open in it.<\/p><\/li><li><p dir=\"auto\"><strong>Manual Language:<\/strong>\u00a0When user selects this option application so user will have to select language manually.<\/p><\/li><\/ul><blockquote><pre dir=\"auto\">Update icon:<\/pre><\/blockquote><p dir=\"auto\">User can be change the default icon with help of this option.<\/p><blockquote><pre dir=\"auto\">Remove Icon:<\/pre><\/blockquote><p dir=\"auto\">User can be removing the default icon with help of this option.<\/p><blockquote><pre dir=\"auto\">See The Time Schedule of Shops:<\/pre><\/blockquote><p dir=\"auto\">Users can see the whole week of closing and opening AM\/PM time of the shop with the help of the below options.<\/p><ul dir=\"auto\"><li><p dir=\"auto\"><strong>Display Top Hours:<\/strong>\u00a0Users can see the closing and opening times of the shop in a horizontal location panel with the help of this option.<\/p><\/li><li><p dir=\"auto\"><strong>Display Side Hours<\/strong>\u00a0Users can see the closing and opening times of the shop in the vertical location panel with the help of this option.<\/p><\/li><li><p dir=\"auto\"><strong>Display Map Hours<\/strong>\u00a0Users can see the closing and opening times of shops in the map location pop-up with the help of this option.<\/p><\/li><\/ul><blockquote><pre dir=\"auto\">How to Crop Your Location Icon Image:<\/pre><\/blockquote><p dir=\"auto\">Our app makes it simple to customize your location icon image. Follow these easy steps to crop the image to your liking:<\/p><p dir=\"auto\"><strong>Step 1: Choose Your Image<\/strong><\/p><ol><li dir=\"auto\">Open the app and locate the location icon section in map configuration page.<\/li><li dir=\"auto\">Click on the &#8220;Update&#8221; button.\u00a0<strong>Step 2: Select Your Image<\/strong><\/li><li dir=\"auto\">A window will pop up, showing your computer&#8217;s files and folders.<\/li><li dir=\"auto\">Navigate to where your image is saved on your Windows PC.<\/li><li dir=\"auto\">Click on the image file to select it.<\/li><li dir=\"auto\">Click the &#8220;Open&#8221; button.<\/li><\/ol><p dir=\"auto\"><strong>Step 3: Adjust the Crop<\/strong><\/p><ol><li dir=\"auto\">The app will now show your chosen image in the cropping window.<\/li><li dir=\"auto\">You&#8217;ll notice a box around the image \u2013 this is the cropping area.<\/li><li dir=\"auto\">Drag the corners of the box to adjust the crop area.<\/li><li dir=\"auto\">You can also make the box bigger or smaller by dragging the edges.<\/li><\/ol><p dir=\"auto\"><strong>Step 4: Preview Your Crop<\/strong><\/p><ol><li dir=\"auto\">As you adjust the crop, you&#8217;ll see a preview of the cropped image alongside the original.<\/li><li dir=\"auto\">This preview helps you visualize how your cropped image will look.<\/li><\/ol><p dir=\"auto\"><strong>Step 5: Save Your Crop<\/strong><\/p><ol><li dir=\"auto\">When you&#8217;re satisfied with the crop, look for the &#8220;Save&#8221; or &#8220;Apply&#8221; button.<\/li><li dir=\"auto\">Click the button to save your cropped image.<\/li><\/ol><ul dir=\"auto\"><li><strong>Reopening the Crop Window<\/strong><\/li><\/ul><p dir=\"auto\">If you want to re-crop your image, follow these steps:<\/p><ol><li dir=\"auto\">Find the &#8220;Update&#8221; button and click it again.<\/li><li dir=\"auto\">This will open the window to select an image from your PC.<\/li><li dir=\"auto\">After selecting an image, you&#8217;ll be taken back to the cropping window.<\/li><li dir=\"auto\">Adjust the crop as needed, then save your updated cropped image.<\/li><\/ol><p dir=\"auto\">That&#8217;s it! You&#8217;ve successfully cropped and updated your location icon image. For further assistance, don&#8217;t hesitate to contact our support team.<\/p><blockquote><pre dir=\"auto\">Divide Maps into Two Parts:<\/pre><\/blockquote><p dir=\"auto\">With the &#8220;Divide Maps into Two Parts&#8221; feature, users can split the map and location detail pop-up into two sections: the right side displays the map, and the left side displays the location detail pop-up. This feature offers users a convenient way to view both the map overview and specific location information simultaneously.<\/p><p dir=\"auto\"><strong>How It Works:<\/strong><\/p><p dir=\"auto\"><strong>1.<\/strong>\u00a0When users enable the &#8220;Divide Maps into Two Parts&#8221; option, the application dynamically divides the interface into two sections: the right section for the map and the left section for the location detail pop-up.<\/p><p dir=\"auto\"><strong>2.<\/strong>\u00a0The map remains interactive on the right side, allowing users to zoom, pan, and interact with markers as needed.<\/p><p dir=\"auto\"><strong>3.<\/strong>\u00a0The left section displays the location detail pop-up, providing information such as location name, address, attributes, and any attached media.<\/p><p dir=\"auto\"><strong>4.<\/strong>\u00a0Users can easily adjust the division between the map and the location detail pop-up by dragging a resizing handle that separates the two sections. This allows for a customizable viewing experience.<\/p><p dir=\"auto\"><strong>Benefits:<\/strong><\/p><ul dir=\"auto\"><li><p dir=\"auto\"><strong>Enhanced Contextual View:<\/strong>\u00a0By combining the map and location details, users can gain a deeper understanding of a specific location&#8217;s context while retaining a broad map overview.<\/p><\/li><li><p dir=\"auto\"><strong>Efficient Decision-Making:<\/strong>\u00a0Users can quickly evaluate location relevance on the map while accessing detailed information in real-time, streamlining their decision-making process.<\/p><\/li><li><p dir=\"auto\"><strong>Seamless Exploration:<\/strong>\u00a0The feature facilitates effortless exploration of new areas by providing geographical context alongside comprehensive location attributes.<\/p><\/li><\/ul><p dir=\"auto\"><strong>Use Cases:<\/strong><\/p><ul dir=\"auto\"><li><p dir=\"auto\"><strong>Trip Planning:<\/strong>\u00a0Users planning trips can assess location details while visualizing the entire trip route on the map.<\/p><\/li><li><p dir=\"auto\"><strong>Research and Analysis:<\/strong>\u00a0Researchers and analysts can utilize the combined view to analyze geographic trends and study specific location attributes simultaneously.<\/p><\/li><li><p dir=\"auto\"><strong>On-the-Go Information:<\/strong>\u00a0Users navigating unfamiliar areas can view real-time navigation updates on the map while referring to location information on the left.<\/p><\/li><\/ul><blockquote><pre dir=\"auto\">Use Numbers for Locations:<\/pre><\/blockquote><p dir=\"auto\">Introducing the &#8220;Use Numbers Use Numbers&#8221; feature! When activated, this feature simplifies your map view by showing sequential numbers in place of detailed location information. This streamlined presentation makes it easy to follow the order of your locations while maintaining a clutter-free interface.<\/p><p dir=\"auto\"><strong>How It Works:<\/strong><\/p><p dir=\"auto\"><strong>1.<\/strong>\u00a0Upon enabling the &#8220;Use Numbers&#8221; option, the map will update to show a series of sequential numbers, each corresponding to a specific location.<\/p><p dir=\"auto\"><strong>2.<\/strong>\u00a0As you interact with the map, these numbers provide a clear sequence of your locations. The numbers appear on the map markers or in proximity to them.<\/p><p dir=\"auto\"><strong>Benefits:<\/strong><\/p><ul dir=\"auto\"><li><p dir=\"auto\"><strong>Simplified Exploration:<\/strong>\u00a0By temporarily hiding detailed information, you can focus on the overall arrangement and sequence of your locations, allowing for a clean and uncluttered map view.<\/p><\/li><li><p dir=\"auto\"><strong>Efficient Navigation:<\/strong>\u00a0The sequential numbers guide you effortlessly from one location to another, promoting an intuitive exploration experience.<\/p><\/li><li><p dir=\"auto\"><strong>Quick Information Access:<\/strong>\u00a0Need specific details about a location? Simply interact with the numbered marker to reveal a pop-up with all the necessary information.<\/p><\/li><\/ul><p dir=\"auto\"><strong>Use Cases:<\/strong><\/p><ul dir=\"auto\"><li><p dir=\"auto\"><strong>Route Following:<\/strong>\u00a0Follow a specific sequence of locations, making navigation along a predefined route straightforward.<\/p><\/li><li><p dir=\"auto\"><strong>Quick Overviews:<\/strong>\u00a0When a comprehensive view is needed, the sequential numbers offer an immediate understanding of location distribution without the distraction of too much detail.<\/p><\/li><li><p dir=\"auto\"><strong>In-the-Moment Exploration:<\/strong>\u00a0Exploring on-the-go becomes a breeze as you navigate the sequential numbers and access detailed data only when required.<\/p><\/li><li><p dir=\"auto\"><strong>Note:<\/strong>\u00a0This feature can be activated or deactivated as needed, giving you the flexibility to choose between a simplified view and a more detailed one.<\/p><\/li><\/ul><blockquote><pre dir=\"auto\">Use Numbers:<\/pre><\/blockquote><p dir=\"auto\">Introducing the &#8220;Sequential Number Markers&#8221; feature, now with a refined twist! With this enhancement, each location marker&#8217;s sequential number corresponds directly to the order of your locations. This seamless alignment makes navigation and tracking a breeze.<\/p><p dir=\"auto\"><strong>How It Works:<\/strong><\/p><ul><li dir=\"auto\">Enable the &#8220;Sequential Number Markers&#8221; option, and watch as each location marker now proudly displays its own sequential number.<\/li><li dir=\"auto\">These numbers are meticulously ordered to mirror the arrangement of your locations. The first location receives marker number one, the second gets number two, and so on.<\/li><li dir=\"auto\">As you interact with the map, the numbers on the markers remain synchronized with the sequential order, providing you with an intuitive visual guide.<\/li><\/ul><p dir=\"auto\"><strong>Benefits:<\/strong><\/p><ul dir=\"auto\"><li><p dir=\"auto\"><strong>Precision Navigation:<\/strong>\u00a0The direct alignment of sequential numbers with the location order ensures a clear path to follow while navigating your points of interest.<\/p><\/li><li><p dir=\"auto\"><strong>Instant Recognition:<\/strong>\u00a0Quickly and effortlessly recognize the sequence of locations directly from their corresponding marker numbers, enhancing your overall understanding.<\/p><\/li><li><p dir=\"auto\"><strong>Efficient Decision-Making:<\/strong>\u00a0With an accurate marker-number correlation, you can efficiently plan your route and explore with confidence.<\/p><\/li><\/ul><p dir=\"auto\"><strong>Use Cases:<\/strong><\/p><ul dir=\"auto\"><li><p dir=\"auto\"><strong>Seamless Route Tracking<\/strong>: The synchronized numbers help you track your route effortlessly, giving you a straightforward path to follow from start to finish.<\/p><\/li><li><p dir=\"auto\"><strong>Visualized Planning<\/strong>: Gain immediate insight into the order of locations, ideal for assessing distribution and organizing your exploration journey.<\/p><\/li><li><p dir=\"auto\"><strong>Fluid Exploration<\/strong>: When you&#8217;re out and about, easily identify each location by its marker number for smooth, uninterrupted exploration.<\/p><\/li><li><p dir=\"auto\"><strong>Note<\/strong>: You retain full control over this feature&#8217;s activation, allowing you to align the experience with your navigation preferences.<\/p><\/li><\/ul><blockquote><pre dir=\"auto\">Select Icon:<\/pre><\/blockquote><p dir=\"auto\">The &#8220;Select Icon&#8221; Selection feature in our application&#8217;s configuration page allows users to choose from three different icon options: User Icon, Service Icon, and Relay Point Icon. This feature enables users to personalize the appearance of certain elements within the application.<\/p><p dir=\"auto\"><strong>Icon Options:<\/strong><\/p><ul dir=\"auto\"><li><p dir=\"auto\"><strong>User Icon<\/strong>: Selecting the &#8220;User Icon&#8221; option will change the icon associated with user-related elements in the application. This typically includes profile pictures, avatars, or other user-specific visual representations.<\/p><\/li><li><p dir=\"auto\"><strong>Service Icon<\/strong>\u00a0: Choosing the &#8220;Service Icon&#8221; option will update the icon used for service-related elements in the application. This can include icons for services, products, or any features related to services offered.<\/p><\/li><li><p dir=\"auto\"><strong>Relay Point Icon<\/strong>\u00a0: The &#8220;Relay Point Icon&#8221; selection will modify the icon for relay points or similar elements within the application. This can apply to locations, waypoints, or any relevant points of interest.<\/p><\/li><\/ul><blockquote><pre dir=\"auto\">Distance With Only A Number:<\/pre><\/blockquote><p dir=\"auto\">The &#8220;Distance With Only A Number&#8221; feature in our application simplifies the display of distance and sequence numbers, offering a user-friendly way to view distances along with sequential numbering. By hiding additional location data, this feature streamlines the user experience and enhances clarity.<\/p><h3 dir=\"auto\" tabindex=\"-1\"><a id=\"user-content-usage\" class=\"anchor\" tabindex=\"-1\" href=\"https:\/\/github.com\/crossloginternational\/shopify-shopifyplus\/blob\/main\/README.md#usage\" aria-hidden=\"true\"><\/a><strong>Usage:<\/strong><\/h3><p dir=\"auto\"><strong>Accessing the Feature:<\/strong><\/p><p dir=\"auto\">Navigate to the relevant section within the app where distance and sequence numbers are displayed.<\/p><p dir=\"auto\"><strong>Displaying Information<\/strong><\/p><ul dir=\"auto\"><li><strong>Distance<\/strong>: Represents the distance between points.<\/li><li><strong>Sequence Number<\/strong>: Provides a sequential number starting from 1 and continuing indefinitely.<\/li><\/ul><p dir=\"auto\"><strong>Benefits:<\/strong><\/p><ul dir=\"auto\"><li><strong>Simplified Information<\/strong>: Viewing only distance and sequence numbers removes unnecessary complexity.<\/li><li><strong>Sequential Reference<\/strong>: Quickly identify the sequence of items or points.<\/li><li><strong>Enhanced Clarity<\/strong>: By concealing extra location data, the user experience is more straightforward and easier to understand.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b5dd791 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b5dd791\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-abf57de\" data-id=\"abf57de\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-745b6cc elementor-widget elementor-widget-heading\" data-id=\"745b6cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Only For Mobile View<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a9407ac elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a9407ac\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-13eeb79\" data-id=\"13eeb79\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d3b77b5 elementor-widget elementor-widget-text-editor\" data-id=\"d3b77b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<blockquote><p dir=\"auto\"><strong>View:<\/strong><\/p><\/blockquote><p dir=\"auto\">This option for mobile view with help of this option we can change the layout of mobile let me demonstrate this thing first of all see a below image.<\/p><p dir=\"auto\"><a href=\"https:\/\/camo.githubusercontent.com\/6ecdff9168200ac14bc8efa604d348c9e16ef8438373e0dc905908271d8bb493\/68747470733a2f2f63726f73736465736b6d61702e636f6d2f2f6d656469612f646f632d696d616765732f696d6167652d312e706e67\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" src=\"https:\/\/camo.githubusercontent.com\/6ecdff9168200ac14bc8efa604d348c9e16ef8438373e0dc905908271d8bb493\/68747470733a2f2f63726f73736465736b6d61702e636f6d2f2f6d656469612f646f632d696d616765732f696d6167652d312e706e67\" alt=\"error\" data-canonical-src=\"https:\/\/crossdeskmap.com\/\/media\/doc-images\/image-1.png\" \/><\/a><\/p><p dir=\"auto\">Just drag and drop all the box and your mobile User Interface will be change.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b269361 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b269361\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1410dae\" data-id=\"1410dae\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2d49d9b elementor-widget elementor-widget-heading\" data-id=\"2d49d9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Relay Points<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-88ccae8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"88ccae8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fb596eb\" data-id=\"fb596eb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fc276c2 elementor-widget elementor-widget-text-editor\" data-id=\"fc276c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<blockquote><p dir=\"auto\"><strong>Show the Relay Point List:<\/strong><\/p><\/blockquote><p dir=\"auto\">We have relay points in our database based on that we are showing list of relay points.<\/p><blockquote><p dir=\"auto\"><strong>Update the Logo of Relay Point:<\/strong><\/p><\/blockquote><p dir=\"auto\">Admin can be updating the logo of relay points.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-975394f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"975394f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-91a3d7f\" data-id=\"91a3d7f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-881b21d elementor-widget elementor-widget-heading\" data-id=\"881b21d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Services<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a1a0d9b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a1a0d9b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0e14904\" data-id=\"0e14904\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-90c9025 elementor-widget elementor-widget-text-editor\" data-id=\"90c9025\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<blockquote><p dir=\"auto\"><strong>Show the Services List:<\/strong><\/p><\/blockquote><p dir=\"auto\">We have services in our database based on that we are showing list of services<\/p><blockquote><p dir=\"auto\"><strong>Update the Logo of Service Point:<\/strong><\/p><\/blockquote><p dir=\"auto\">Admin can be updating the logo of relay points.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-114fa26 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"114fa26\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4d3a979\" data-id=\"4d3a979\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-67fd040 elementor-widget elementor-widget-heading\" data-id=\"67fd040\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Application<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fe22fb6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fe22fb6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ffbe78c\" data-id=\"ffbe78c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-446d339 elementor-widget elementor-widget-text-editor\" data-id=\"446d339\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<blockquote><p dir=\"auto\"><strong>Select Language:<\/strong><\/p><\/blockquote><p dir=\"auto\">Application Detect and set default country Language or if you are first time visit he cross Log so application automatically detect your counter language.<\/p><p dir=\"auto\"><a href=\"https:\/\/camo.githubusercontent.com\/3ef24f9f340bb35672fc47022a329ad7e6e2961ea4044950d6894a0ea546ca9a\/68747470733a2f2f63726f73736465736b6d61702e636f6d2f2f6d656469612f646f632d696d616765732f696d6167652d322e706e67\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img fetchpriority=\"high\" decoding=\"async\" class=\"\" src=\"https:\/\/camo.githubusercontent.com\/3ef24f9f340bb35672fc47022a329ad7e6e2961ea4044950d6894a0ea546ca9a\/68747470733a2f2f63726f73736465736b6d61702e636f6d2f2f6d656469612f646f632d696d616765732f696d6167652d322e706e67\" alt=\"error\" width=\"513\" height=\"273\" data-canonical-src=\"https:\/\/crossdeskmap.com\/\/media\/doc-images\/image-2.png\" \/><\/a><\/p><p dir=\"auto\">You can see the highlighted icon above image this icon use for one location with multiple services when you click on this icon you will see below image.<\/p><p dir=\"auto\">You can see the highlighted icon above the image This icon is used for one location with multiple services or just one service when you click on this icon you will see the below image.<\/p><p dir=\"auto\"><a href=\"https:\/\/camo.githubusercontent.com\/b63de2ec62fcb7394a2f939b1c4fd1229c44695a0228249da95247d4eaf00720\/68747470733a2f2f63726f73736465736b6d61702e636f6d2f2f6d656469612f646f632d696d616765732f696d6167652d332e706e67\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" src=\"https:\/\/camo.githubusercontent.com\/b63de2ec62fcb7394a2f939b1c4fd1229c44695a0228249da95247d4eaf00720\/68747470733a2f2f63726f73736465736b6d61702e636f6d2f2f6d656469612f646f632d696d616765732f696d6167652d332e706e67\" alt=\"error\" data-canonical-src=\"https:\/\/crossdeskmap.com\/\/media\/doc-images\/image-3.png\" \/><\/a><\/p><p dir=\"auto\">Now you can see a pop-up with multiple services and created path as well as a check box and you can check a service is also.<\/p><p dir=\"auto\"><a href=\"https:\/\/camo.githubusercontent.com\/c8214dacac1eb43056b4412d5f5c369832402f62c3b14a1482465f4c18561761\/68747470733a2f2f63726f73736465736b6d61702e636f6d2f2f6d656469612f646f632d696d616765732f696d6167652d342e706e67\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" src=\"https:\/\/camo.githubusercontent.com\/c8214dacac1eb43056b4412d5f5c369832402f62c3b14a1482465f4c18561761\/68747470733a2f2f63726f73736465736b6d61702e636f6d2f2f6d656469612f646f632d696d616765732f696d6167652d342e706e67\" alt=\"error\" data-canonical-src=\"https:\/\/crossdeskmap.com\/\/media\/doc-images\/image-4.png\" \/><\/a><\/p><p dir=\"auto\">Users can search the location of the shop with help of search engine and you can see that search engine aboveimage.<\/p><p dir=\"auto\">When search engine find shops you will see the Horizontal location panel and Vertical location panelas like below images<\/p><p dir=\"auto\"><strong>Horizontal location panel:<\/strong><\/p><p dir=\"auto\"><a href=\"https:\/\/camo.githubusercontent.com\/7be8f6b54818e912ee239bf1e2979f2faf13d13929464812efaba8342161b2b2\/68747470733a2f2f63726f73736465736b6d61702e636f6d2f2f6d656469612f646f632d696d616765732f696d6167652d352e706e67\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" src=\"https:\/\/camo.githubusercontent.com\/7be8f6b54818e912ee239bf1e2979f2faf13d13929464812efaba8342161b2b2\/68747470733a2f2f63726f73736465736b6d61702e636f6d2f2f6d656469612f646f632d696d616765732f696d6167652d352e706e67\" alt=\"error\" data-canonical-src=\"https:\/\/crossdeskmap.com\/\/media\/doc-images\/image-5.png\" \/><\/a><\/p><p dir=\"auto\"><strong>Vertical location panel:<\/strong><\/p><p dir=\"auto\"><a href=\"https:\/\/camo.githubusercontent.com\/6b95c007300ae8a4fa919db69fe7ea1bbb796c22e920e8e2048fbbfdff3ebc2f\/68747470733a2f2f63726f73736465736b6d61702e636f6d2f2f6d656469612f646f632d696d616765732f696d6167652d362e706e67\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" src=\"https:\/\/camo.githubusercontent.com\/6b95c007300ae8a4fa919db69fe7ea1bbb796c22e920e8e2048fbbfdff3ebc2f\/68747470733a2f2f63726f73736465736b6d61702e636f6d2f2f6d656469612f646f632d696d616765732f696d6167652d362e706e67\" alt=\"error\" data-canonical-src=\"https:\/\/crossdeskmap.com\/\/media\/doc-images\/image-6.png\" \/><\/a><\/p><p dir=\"auto\">When user clicks on any location so user will see specific shop on map like below image.<\/p><p dir=\"auto\"><a href=\"https:\/\/camo.githubusercontent.com\/cde3dcb66c3f9ffefddc30df29d81a6749fe8387726cd82fb47b48e1d2ef9324\/68747470733a2f2f63726f73736465736b6d61702e636f6d2f2f6d656469612f646f632d696d616765732f696d6167652d372e706e67\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" src=\"https:\/\/camo.githubusercontent.com\/cde3dcb66c3f9ffefddc30df29d81a6749fe8387726cd82fb47b48e1d2ef9324\/68747470733a2f2f63726f73736465736b6d61702e636f6d2f2f6d656469612f646f632d696d616765732f696d6167652d372e706e67\" alt=\"error\" data-canonical-src=\"https:\/\/crossdeskmap.com\/\/media\/doc-images\/image-7.png\" \/><\/a><\/p><p dir=\"auto\">as you see that when user click on location box map created path between two location and if you want to choose any service so you can also check box of popup and one more thing you want to hide popup so just click on close button on top of popup so here it is that image.<\/p><p dir=\"auto\"><a href=\"https:\/\/camo.githubusercontent.com\/cbb2a5411a37c6021b41bb080343a8187a6885f4d5d8486afabde4d2ec235be2\/68747470733a2f2f63726f73736465736b6d61702e636f6d2f2f6d656469612f646f632d696d616765732f696d6167652d382e706e67\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" src=\"https:\/\/camo.githubusercontent.com\/cbb2a5411a37c6021b41bb080343a8187a6885f4d5d8486afabde4d2ec235be2\/68747470733a2f2f63726f73736465736b6d61702e636f6d2f2f6d656469612f646f632d696d616765732f696d6167652d382e706e67\" alt=\"error\" data-canonical-src=\"https:\/\/crossdeskmap.com\/\/media\/doc-images\/image-8.png\" \/><\/a><\/p><p dir=\"auto\">Then after user will see this type of result.<\/p><p dir=\"auto\"><a href=\"https:\/\/camo.githubusercontent.com\/03b4952d4acdd7a0edfcea7292a9cb91e15e799cb14621cec25620c7a21d7c4a\/68747470733a2f2f63726f73736465736b6d61702e636f6d2f2f6d656469612f646f632d696d616765732f696d6167652d392e706e67\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><img decoding=\"async\" src=\"https:\/\/camo.githubusercontent.com\/03b4952d4acdd7a0edfcea7292a9cb91e15e799cb14621cec25620c7a21d7c4a\/68747470733a2f2f63726f73736465736b6d61702e636f6d2f2f6d656469612f646f632d696d616765732f696d6167652d392e706e67\" alt=\"error\" data-canonical-src=\"https:\/\/crossdeskmap.com\/\/media\/doc-images\/image-9.png\" \/><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cf57a2f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cf57a2f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f27562c\" data-id=\"f27562c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-786e83a elementor-widget elementor-widget-text-editor\" data-id=\"786e83a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2 dir=\"auto\" tabindex=\"-1\">UML diagrams<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-29cd098 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"29cd098\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-26fb0a3\" data-id=\"26fb0a3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8828d9a elementor-widget elementor-widget-heading\" data-id=\"8828d9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">This will produce a sequence diagram:<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-448aec2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"448aec2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cb7c22c\" data-id=\"cb7c22c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-32edb39 elementor-widget elementor-widget-image\" data-id=\"32edb39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"274\" src=\"https:\/\/crosslog.com\/wiki\/wp-content\/uploads\/2023\/09\/UML-1024x274.png\" class=\"attachment-large size-large wp-image-846\" alt=\"\" srcset=\"https:\/\/crosslog.com\/wiki\/wp-content\/uploads\/2023\/09\/UML-1024x274.png 1024w, https:\/\/crosslog.com\/wiki\/wp-content\/uploads\/2023\/09\/UML-300x80.png 300w, https:\/\/crosslog.com\/wiki\/wp-content\/uploads\/2023\/09\/UML-768x206.png 768w, https:\/\/crosslog.com\/wiki\/wp-content\/uploads\/2023\/09\/UML.png 1437w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4a68f88 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4a68f88\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-de033de\" data-id=\"de033de\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fdb4b68 elementor-widget elementor-widget-heading\" data-id=\"fdb4b68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">This will produce a flow chart:.<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b3e6046 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b3e6046\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e19b35c\" data-id=\"e19b35c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-106b630 elementor-widget elementor-widget-image\" data-id=\"106b630\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"822\" src=\"https:\/\/crosslog.com\/wiki\/wp-content\/uploads\/2023\/09\/flowChart-1024x822.png\" class=\"attachment-large size-large wp-image-855\" alt=\"\" srcset=\"https:\/\/crosslog.com\/wiki\/wp-content\/uploads\/2023\/09\/flowChart-1024x822.png 1024w, https:\/\/crosslog.com\/wiki\/wp-content\/uploads\/2023\/09\/flowChart-300x241.png 300w, https:\/\/crosslog.com\/wiki\/wp-content\/uploads\/2023\/09\/flowChart-768x616.png 768w, https:\/\/crosslog.com\/wiki\/wp-content\/uploads\/2023\/09\/flowChart.png 1378w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Welcome to CrossLog! Introduction: In today&#8217;s fast-paced world, the demand for delivery services has skyrocketed. With the rise of ecommerce and the increasing reliance on online shopping, consumers expect quick and efficient delivery of their goods. Enhancing Convenience with CrossLog: CrossLog, our delivery services app, is designed with the customer&#8217;s convenience in mind. Through a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[45],"tags":[],"class_list":["post-817","post","type-post","status-publish","format-standard","hentry","category-crossdesk-relais"],"_links":{"self":[{"href":"https:\/\/crosslog.com\/wiki\/en\/wp-json\/wp\/v2\/posts\/817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crosslog.com\/wiki\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/crosslog.com\/wiki\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/crosslog.com\/wiki\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crosslog.com\/wiki\/en\/wp-json\/wp\/v2\/comments?post=817"}],"version-history":[{"count":46,"href":"https:\/\/crosslog.com\/wiki\/en\/wp-json\/wp\/v2\/posts\/817\/revisions"}],"predecessor-version":[{"id":901,"href":"https:\/\/crosslog.com\/wiki\/en\/wp-json\/wp\/v2\/posts\/817\/revisions\/901"}],"wp:attachment":[{"href":"https:\/\/crosslog.com\/wiki\/en\/wp-json\/wp\/v2\/media?parent=817"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/crosslog.com\/wiki\/en\/wp-json\/wp\/v2\/categories?post=817"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/crosslog.com\/wiki\/en\/wp-json\/wp\/v2\/tags?post=817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}