Digital warehouse

Digital warehouse allows you to publish downloadable files instead of products, which certain users can then use/download.

Below the procedure to create a sign up page will be listed: 

  • Firstly, create a new page and thereafter create a paragraph in that page called sign up 
  • Then, enter your new paragraph and attach an extranet app to it (Figure 2.1)
  • In the Show settings, select Login
  • Save the settings

‚Äč

Figure 2.1 Extranet app - attached to paragraph

The show settings appear after you have attached your extranet app to your paragraph.

Now it's time for you to change the templates used on your sign up page:

  • Locate the login settings as shown on (Figure 2.2)
  • Change the login template from the login.html to the login.cshtml razor file
  • Then change the password recovery template to the PasswordRecovery.cshtml file 
  • Set the password reset template to the PasswordRecovery.cshtml file as well 
  • Lastly, choose where your users should be redirected to after logging in (usually the frontpage)
  • Save the settings 
Figure 2.2 Login settings - template selection

Now that you have set your templates, it's time to configure the permissions for the users on your website

  • Right-click on your sign-up page and click permissions
  • Make sure the permission settings match the picture below

Now, anonymous users are able to sign up your page. 

Figure 2.3 Permission settings for anonymous users

The purpose of the digital warehouse, is to enable the users to publish downloadable files to their solution. The files published can then be used/downloaded by the respective users of the system. Ideally, this feature should only be available to logged in users on your solution. The reason behind this is, that most companies would like to have a relation with the users who use their content, for promotional or other activities.  

You can add files to your digital warehouse by following the steps below: 

  • Click on your files node from the area menu 
  • Locate digital assets and click on it 
  • Create a folder inside of it for images or other files as shown on (Figure 3.2).
Figure 3.2 Digital assets - Create a folder for file storage

Now it's time for you to set up your page with paragraphs:

  • Go to your desired page
  • Locate '' New paragraph '' and click it 
  • Choose paragraph as the paragraph item type
  • Name it something appropriate
  • Locate the template selector at the ribbon, and pick PIMFiles.cshtml as shown on (Figure 3.3).
  • Save it
Figure 3.3 Template selection for paragraph - Digital warehouse

To set up your files repository follow the steps listed below: 

  • Click on the settings from the area menu 
  • Locate repositories from the tree node 
  • Click on files as shown on (Figure 4.1). 
Figure 4.1 Repositories, files - Digital warehouse

After entering the files repository, the index needs to be set up for your files. Follow the steps below to set up the index: 

  • Locate add build and click it 
  • Hereafter, the build settings needs to be modified
  • For the recursive field choose true as the value
  • The value of StartFolder should be set to DigitalAssets
  • SkipMetadata should be set to false
  • Click ok when your settings match the picture below (Figure 4.2).  
Figure 4.2 Files index builder - Digital warehouse

The next step is setting up the query for the page: 

  • Click add query and name it something appropiate 
  • Pick the data source 
  • Replicate the settings as shown on (Figure 4.3).
Figure 4.3 Setting up the query - Digital Warehouse

When the query is set up correctly, it's time to configure the facets for the site:

  • Click on the settings from the area menu 
  • Go to your repositories and click on files 
  • Click on add facets from the ribbon bar 
  • Name it, and choose the query you made before
  • Two facets needs to added , one for the folder and another for the metadata
  • Replicate the settings shown on (Figure 5.1)

 

Figure 5.1 Facet settings - Digital warehouse

To set up your files feed correctly, follow the steps listed below: 

  • Under content, click on the feeds folder
  • Create a paragraph and name it something appropriate 
  • Click on the item publisher and use the query publisher app as shown on 
  • In the query settings, use Files.query as shown on (Figure 5.2)
  • Afterwards select the file under the facet settings
  • Scroll down to the template settings and choose  PIMFilesJSON.cshtml as shown on (Figure 5.2)
Figure 5.2 Setting up the files feed - Digital Warehouse

To set up the products correctly, these elements must be configured in the right way: 

  • Product index
  • Query
  • Facets

A comprehensive guide explaining how it should be done, is found here

The product export feed should also be set to the correct settings. Follow the steps below to configure it: 

  • Under content, click on the tools node 
  • Then locate product export and click it 
  • Make a paragraph and attach the product catalogue app to it 
  • Select default.cshtml as the template from the ribbon as shown on (Figure 7.1)
  • In the show settings select index
  • Under the index settings choose ProductExport.query as shown on (Figure 7.1)
  • Lastly, scroll down to the template settings and select the ProductsExport.cshtml for the three different template dropdowns as shown on (Figure 7.1)
Figure 7.1 Setting up the product export feed

In order to enable the users to download a pdf of their selected digital assets in the product page, follow these steps: 

  • Click on the content node from the area menu 
  • Then locate the tools folder and click on it
  • Enter the PDF folder and create a paragraph in it
  • Attach the product catalogue app to your newly created paragraph
  • Under the groups settings select all top groups in then, select your shop from the dropdown
  • Lastly, make sure the right templates are selected - look at (Figure 8.1)
  • The list template should be empty
  • The product template should be the ProductPDF.cshtml razor file
  • When the settings match (Figure 8.1), save and close
Figure 8.1 PDF set up for product page

The product page must be configured correctly, for the digital warehouse to serve it's purpose. Therefore, it is essential that the right layout settings are chosen, for your product assets and the PDF layout. Follow these steps to configure it properly:

  • Enter the website settings 
  • Scroll down to the product page tab and click on it 
  • Scroll down to the details settings and open it 
  • Locate ''product assets layout'' and ''generate pdf layout''
  • Select the options in the middle as shown on (Figure 9.1)
  • Save the settings 
Figure 9.1 Product assets and PDF layout - Digital warehouse

After selecting the settings shown above, the front-end should look something like the picture shown below (Figure 9.2). 

Figure 9.2 Product assets and PDF generator - Digital warehouse

To configure the permissions for the users on your website, follow these steps:

  • Right-click on your sign-up page and click permissions
  • Locate add group and click it 
  • Then click on System roles > Anonymous users (frontend) 
  • Lastly choose none from the permission settings as shown on (Figure 10.1)

Only logged in users will be able to view the content on your page now.

Figure 10.1 Permission settings - Digital Warehouse

These restrictions on the page permissions should be applied to the following pages: 

  • Frontpage
  • Digital assets
  • Products

To set up your download cart, create a new page with an appropriate name, and afterwards a paragraph on that page. Attach the shopping cart to your page, and follow the steps below to configure the settings correctly: 

  • Choose your selected shop in the shop settings
  • In the context cart field pick DigitalWarehouse
  • Configuer the steps you want, or use the default settings
  • Scroll down to the empty cart settings
  • Pick the event that should happen if no items appears in the cart 
  • See picture (Figure 11.1) for references
Figure 11.1 Shopping cart app settings - Digital warehouse

After setting up your download cart, the end product should look something like this in the front-end (Figure 11.2).

Figure 11.2 Download cart - Digital warehouse

The layout tab allows the user to modify different website settings, such as: 

  • Show/hide
    • Regular cart 
    • Sign in dropdown
    • Price 
    • Shipping and stock state
  • Disable/enable 
    • Favorite icon
    • Download context cart 
    • Download add button
    • Product assets 
    • Generate PDF

To disable/enable the desired icons from the navigation follow these steps: 

  • Enter your website settings 
  • Click on the layout tab 
  • Open the header settings
  • Scroll down untill you see navigations items as shown on (Figure 12.2). 
  • Disable the favorites icon and hide the cart icon 
  • Show the download cart 
  • Save the settings, and see the difference in the front-end
  • Check if the navigation items match the picture below (Figure 12.2).
Figure 12.2 Layout settings , enable/disable navigation icons - Digital Warehouse

You can also modify the show/hide settings for the sign in dropdown. Below the different elements that can be modified are listed as shown on (Figure 12.3): 

  • Create account 
  • Profile
  • Orders
  • Favorites
  • Saved cards 
  • Forgot password link

All the elements above can either be shown or hidden, depending on how you want the solution to work. The sign in dropdown settings, are located just below the navigation items settings, shown above. Below the settings that should be applied are listed:

  • Hide ''Profile '' 
  • Hide ''Orders '' 
  • Hide ''Favorites '' 
  • Hide ''Saved cards ''
  • Save the settings

If the settings are applied correctly, the sign in dropdown should look like (Figure 12.3). 

Figure 12.3 Sign in dropdown settings, Layout tab - Digital Warehouse

To set up your product page correctly, the favorite button must be hidden. Follow the steps listed below to configure it: 

  • Enter your website settings
  • Scroll down to the product page tab 
  • Open the top section settings 
  • Scroll down untill you see ''Hide favorite button'' 
  • Tick the checkbox
  • Save the settings
  • Check your front-end to see if the button has disappeared as shown on (Figure 13.1)
Figure 13.1 Hide favorite button from product page - Digital warehouse

The favorite icon should also be disabled from the product list. Applying these settings is straightforward, follow the steps below:

  • Enter the website settings 
  • Scroll down to the product list tab 
  • Open it, and scroll down untill you see the list view settings
  • After opening the list view settings the checkbox is located under the general settings, see (Figure 13.2)
  • Tick the checkbox ''Hide favorite button'' 
  • Save the settings, and see if the front-end has hidden the favorite button as shown on (Figure 13.2)
Figure 13.2 Hide favorite button list view - Digital Warehouse

The purpose of the digital warehouse is to provide the users of the solution, with files they can use for promotional or other activities. Therefore, a price should not be present, when the users view the files that are uploaded to the solution. To remove the pricing, please follow these steps: 

  • Enter your website settings
  • Click on the product page tab 
  • Scroll down to the price design settings and open it
  • Tick the checkbox and make sure '' Hide price '' is enabled as shown in (Figure 13.3)
  • Save the settings 
  • Check the front-end and make sure the price is hidden from the product page
Figure 13.3 Hide price, product page - Digital warehouse

The settings for the list view, must be set correctly for the digital warehouse. Therefore, the cart and ''view more'' button must be disabled, since they serve no purpose here. The following steps explain how it should be done: 

  • Enter the website settings 
  • Scroll down until you see the product list tab, then click on it
  • Scroll down to the list view settings 
  • Uncheck the checkbox '' Add to cart '' if it is enabled, or leave it if not
  • Same goes for the '' View '' button 
  • Save the settings 
  • Check the front-end to see if the buttons have disappeared as shown in (Figure 14.1)
Figure 14.1 Disable cart and view more buttons - Digital warehouse

To add the needed functionality to your digital warehouse, a download button is essential for your solution to work properly. This button enables the user to download multiple files, in the format they want. This feature is what makes your solution a digital warehouse. To enable this button, follow the steps below: 

  • Enter the website settings 
  • Scroll down until you see the product list tab, then click on it
  • Scroll down to the list view settings 
  • Tick the checkbox '' Add to download '' so it is enabled as shown in (Figure 14.2)
  • Save the settings 
  • Check the front-end to see if the button is present as shown in (Figure 14.2)

 

Figure 14.2 Add to download button - Digital warehouse

Shipping and stock information is redundant information that serves no purpose on your digital warehouse. Therefore, these fields should be hidden from the users. To do that, the steps that must be followed are listed below:

  • Enter your website settings 
  • Scroll down until you see the product list tab, then click on it
  • Scroll down to the list view settings 
  • Make sure the '' Stock and shipping '' checkbox is unchecked
  • Save the settings 
  • Check the front-end to see if the shipping and stock info has disappeared as shown in (Figure 14.3)
Figure 14.3 Disable/hide shipping and stock state - Digital warehouse

The settings for the grid view, must be set correctly for the digital warehouse. Therefore, the cart and ''view more'' button must be disabled, since they serve no purpose here. The following steps explain how it should be done: 

  • Enter the website settings 
  • Scroll down until you see the product list tab, then click on it
  • Scroll down to the grid view settings 
  • Uncheck the checkbox '' Add to cart '' if it is enabled, or leave it if not
  • Same goes for the '' View '' button 
  • Save the settings 
  • Check the front-end to see if the buttons have disappeared as shown in (Figure 15.1)
Figure 15.1 Disable cart and view more buttons - Digital warehouse

To add the needed functionality to your digital warehouse, a download button is essential for your solution to work properly. This button enables the user to download multiple files, in the format they want. This feature is what makes your solution a digital warehouse. To enable this button, follow the steps below: 

  • Enter the website settings 
  • Scroll down until you see the product list tab, then click on it
  • Scroll down to the grid view settings 
  • Tick the checkbox '' Add to download '' so it is enabled as shown in (Figure 15.2)
  • Save the settings 
  • Check the front-end to see if the button is present as shown in (Figure 15.2)
Figure 15.2 Add to download button - Digital warehouse

Shipping and stock information is redundant information that serves no purpose on your digital warehouse. Therefore, these fields should be hidden from the users. To do that, the steps that must be followed are listed below:

  • Enter your website settings 
  • Scroll down until you see the product list tab, then click on it
  • Scroll down to the grid view settings 
  • Make sure the '' Stock and shipping '' checkbox is unchecked
  • Save the settings 
  • Check the front-end to see if the shipping and stock info has disappeared as shown in (Figure 15.3)
Figure 15.3 Disable/hide shipping and stock state - Digital warehouse

The settings for the details view, must be set correctly for the digital warehouse. Therefore, the cart and ''view more'' button must be disabled, since they serve no purpose here. The following steps explain how it should be done: 

  • Enter the website settings 
  • Scroll down until you see the product list tab, then click on it
  • Scroll down to the details view settings 
  • Uncheck the checkbox '' Add to cart '' if it is enabled, or leave it if not
  • Same goes for the '' View '' button 
  • Save the settings 
  • Check the front-end to see if the buttons have disappeared as shown in (Figure 16.1)
Figure 16.1 Disable cart and view more buttons - Digital warehouse

To add the needed functionality to your digital warehouse, a download button is essential for your solution to work properly. This button enables the user to download multiple files, in the format they want. This feature is what makes your solution a digital warehouse. To enable this button, follow the steps below: 

  • Enter the website settings 
  • Scroll down until you see the product list tab, then click on it
  • Scroll down to the details view settings 
  • Tick the checkbox '' Add to download '' so it is enabled as shown in (Figure 16.2)
  • Save the settings 
  • Check the front-end to see if the button is present as shown in (Figure 16.2)
Figure 16.2 Add to download button - Digital warehouse

Shipping and stock information is redundant information that serves no purpose on your digital warehouse. Therefore, these fields should be hidden from the users. To do that, the steps that must be followed are listed below:

  • Enter your website settings 
  • Scroll down until you see the product list tab, then click on it
  • Scroll down to the details view settings 
  • Make sure the '' Stock and shipping '' checkbox is unchecked
  • Save the settings 
  • Check the front-end to see if the shipping and stock info has disappeared as shown in (Figure 16.3)
Figure 16.3 Disable/hide shipping and stock state - Digital warehouse