website logo
➡️ purplepublish.com
Overview
Support
Setup
Editorial
Experience
Growth
Developers
Navigate through spaces
⌘K
Purple Experience
Views
Widget Component
Generic Widget
Structure of Dynamic resources
experience.config
Configure recurring texts in the messages.json
Purple Experience Builder
Using the Purple Experience Builder
Update your Purple Experience Version
Edit 'dynamic resources' from Purple Manager
Edit 'dynamic resources' in Experience Builder
Deploy Resources to Multiple Brands
Experience Builder Pipelines
Basic Experience Set-up
App onboarding configuration
Configure SEO attributes
Configure Error Pages
Configure the Side Menu in the Purple Experience
Configure a login page in Experience Builder
App menu configuration in Dynamic Resources
Configure the feedback email in the app with Experience Builder
Configure a coupon code page in Experience Builder
Configure a custom domain
Branding of your Experience
Experience Styling
Change the brand logo in the HTML Experience with Experience Builder
Configure brand colours in the HTML Experience with Experience Builder
Deposit a font in the HTML Experience with Experience Builder
Configure legal information pages in Experience Builder
Builder Pipelines Architecture Info
Simple static ads in Experience
Traffective ads in Experience
Action URLs and Deep linking
List of Action URLs
Deep linking
Migration
Docs powered by
Archbee
Purple Experience
Views

Publications in views.json

13min

Purple Experience



Summary

In this article, you learn how to create a list to display two or more publications in your Purple Experience for App and/or Web. The steps will be proceeded in the views.json in Purple Experience Builder.



Preconditions

  • Have at least two Publications created in Purple Manager
  • Have images added to your publications
  • Have your publications published in the Public Database

Read this article to learn, how to Create a publication in Purple Manager.



How-to guide

1. Go to Experience Builder, choose your app from the list and click on it

choose your app from the list and click on it


2. Click on 'Pull from preview'

Click on 'Pull from preview'


3. Click on 'default'

Click on 'default'


4. Click on 'storefront'

Click on 'storefront'


5. Click on 'assets'

Click on 'assets'


6. Click on 'views.json'

Click on 'views.json'


7. Click on the '+' button



Click on the '+' button


8. Enter a name and path name.

Enter a name and path name.


9. Click on the '+' button

Click on the '+' button


10. Click on the dropdown and change it to 'List'

Click on the dropdown and change it to 'List'


11. Click on the pen icon

Click on the pen icon


12. Copy and paste the following code into the field

JSON
|
{
  "content": {
    "type": "publication"
  },
  "dataSource": {
    "type": "publication",
    "filter": {
      "properties": {
        "key": "channel",
        "value": "true",
        "negated": true
      }
    }
  },
  "type": "list",
  "template": "horizontal",
  "centered": true,
  "selection": {
    "param": "publication",
    "init": true
  },
  "class": "publication-list  "
}


13. Press the save button

Press the save button


14. Click on the burger menu

Click on the burger menu


15. Click on 'Update Dynamic Ressources'

Click on 'Update Dynamic Ressources'


16. Save your changes and name them, e.g. 'publication_view'

Save your changes and name them


17. Click on 'Merge all files to preview'

Click on 'Merge all files to preview'



You have successfully created a list to display multiple publications in the Experience HTML of your app, merged the changes and updated the dynamic resources. You can test the results in the preview and push them live if they look fine, to make them visible in your live app.



Updated 30 Aug 2023
Did this page help you?
PREVIOUS
Views
NEXT
Collections in views.json
Docs powered by
Archbee
TABLE OF CONTENTS
Summary
Preconditions
How-to guide
Docs powered by
Archbee
ImprintPrivacy Policy
© Sprylab Technologies GmbH 2023