Handbooks

To use a customized post popup that does not use Composers native post popup functionality, follow the steps below. This is to be used with a Post element. 

1. Set the post element to not open in a popup in the "Link To" settings.
2. All fields except title, thumbnail, and read more are hidden by default on the page.
3. Add the "customized-popup" custom class to the grid, list or slider Post element.
4. There are custom classes to  show every field in the post element by default. As mentioned in #2, they are all hidden by default on the page, except for the title, thumbnail, and read more, but below are a list of custom classes you can utilize if you want a particular field to show on the page. These custom classes are to be put on the Post element. The names are self explanatory and are named after the available fields in the "Content Details" area of the Post element settings. THESE CLASSES WILL MAKE THE RELEVANT FIELDS SHOW ON THE PAGE.
   • page-show-tags
   • page-show-categories
   • page-show-body
   • page-show-updateddate
   • page-show-updatedtime
   • page-show-expireddate
   • page-show-expiredtime
   • page-show-publishdate
   • page-show-publishtime
   • page-show-author
   • page-show-sharingbuttons
5. Similarly, there are a set of custom classes available which will allow you to hide information in the popup. THESE CLASSES WILL MAKE THE RELEVANT FIELDS HIDE IN THE POPUP.
   • popup-hide-summary
   • popup-hide-tags
   • popup-hide-categories
   • popup-hide-body
   • popup-hide-thumbnail
   • popup-hide-updateddate
   • popup-hide-updatedtime
   • popup-hide-expireddate
   • popup-hide-expiredtime
   • popup-hide-publishdate
   • popup-hide-publishtime
   • popup-hide-author
   • popup-hide-sharingbuttons
   • popup-hide-thumbnail
6. There is one custom class available to hide the thumbnail on the actual page (this won't affect the popup).
   • page-hide-thumbnail
7. Ideally, never turn on the "Link titles to post details" setting in the "Content Details" area of the Post element settings. That generates the anchors which was causing duplicates in the search results. However, on page load, they are being removed anyway. Better safe than sorry!
8. Whatever details are checked in the "Content Details" area, that's what will show up in the popup (unless you hide them via the custom classes that are provided), except for the read more link. Logically, there's nothing to read more at that point, and also mimics how the native Composer Post popup works. This means by extension, the "Popup Details" area in the Post element settings is now disabled.