#129902 populate multiple media post types in single post grid

Landing Forums JupiterX WordPress Theme populate multiple media post types in single post grid

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • Janice Lourdes

    Hi there,

    I would like to showcase my posts in the below style, however I would like to have mixed media typed –  some of the posts as articles (where it links to the post page as usual) but some I would like to just have a video with a play button on the thumbnail like the sample below – so when a user clicks on the play button it opens a video overlay instead of going to the post page. Is that possible with jet elements? Can you shed some light on how I can achieve this if possible?

    https://preview.codeless.co/livecast/default/episode-list-1/

    Tatyana Hutsol Support Team

    Hello,

     

    You can achieve this with JetPopup plugin which is bundled with the theme.

    Please refer to this tutorial:

     

    Regards.

    Janice Lourdes

    Hi Tatyana,

    I think I didnt explain what I needed properly – Am looking for a solution for different post formats like audio / video / content – I would like to populate posts with different post formats into same category in one grid – then be able to play video as a lightbox but the article has its own post page.

    Can you kindly advise how I can achieve this?

    Tatyana Hutsol Support Team

    Hello,

     

    In this case I recommend to create a listing grid for posts via JetEngine > Listings and add the fields you need.

    Then use JetPopup to create popup blocks.

    Could you provide WP Dashboard credentials in the private reply so I can show an example for you?

     

    Regards.

    Private
    Janice Lourdes
    This reply has been marked as private.
    Tatyana Hutsol Support Team

    Hello,

     

    Thank you.

    Could you please create at least one post with the video or audio so I can create a listing grid then?

    Regards.

    Janice Lourdes

    Ok sure I created this under Seller Stories custom post type – could you also help with the below

    I created a custom post type called Seller Stories – I would also like to have post format option and – where I can select video / article / standard post type and also show featured image option

    and have a category for each seller story called Country (where i can add countries for each story) and Industry (each story will have an industry like fashion / electronics..)

     

    Thanks

    Tatyana Hutsol Support Team

    Hello,

     

    I created a listing under JetEngine > Listings https://prnt.sc/1qvu0fr .

    I added Dynamic Image and Dynamic Field https://prnt.sc/1qvu23o for featured image and title of your posts.

    Then I added an Icon and assigned Absolute position for it so it’s placed over the image https://prnt.sc/1qvu5ae .

    Also selected a popup (that I created earlier) in the Icon settings so it’s shown when you click on the icon https://prnt.sc/1qvu7kt .

     

    Under JetPopup > Add New, I created a new popup and added Video element in the content and set the Custom Field of Video URL https://prnt.sc/1qvvlrk .

    Then I edited the page https://prnt.sc/1qvvrg2  and added Listing Grid element to show the listing grid I created https://prnt.sc/1qvvp69 .

     

    Now the page is shown like this https://prnt.sc/1qvvsik (you need to add featured image for other Seller Stories posts) and the popup is opened when the icon is clicked, but the video is not working and showing the error “Video is unavailable”. I recommend you to check the Youtube settings for your video, perhaps you limited access to the video.

     

    Thank you.

    Regards.

    Janice Lourdes

    Hi Tatyana,

    Thank you so much for this, its looking real close to how I need it to be – I placed the posts here –  https://buildmyweb.site/howwesell/seller-story/ .  Just a few things you can help me with:

    1 – The pop up seems to be pulling up this same URL for all posts and is not picking up any of the video URL’s I put in the meta field – https://youtu.be/9uOETcuFjbE

    Could it be the issue is with the Meta field?

    2 – There is one post that does not have a video, just content – am I able to hide the video icon for this post on the thumbnail?

    3 – Also can I show the taxonomy in the post itself?

    Mohsin Al-Rabieai Support Team

    Hi Jenice,

    1 – The pop up seems to be pulling up this same URL for all posts and is not picking up any of the video URL’s I put in the meta field – https://youtu.be/9uOETcuFjbE

    I fixed it by replacing the “Video” element from Artbees to Jet Elements video element.

    2 – There is one post that does not have a video, just content – am I able to hide the video icon for this post on the thumbnail?

    For this, I added another meta field to your custom post type named as “novideo”. by default it has a value of “showvideo”. However, if you don’t want the play icon to show on your listing, put “dontshowvideo” in that field. I added this CSS fix in Customizer -> Additional CSS that will hide the icons who have this CSS class:

    .dontshowvideo {
        display: none;
    }

    Currently, there is one video that has no video because I added the “dontshowvideo” to the meta field as described above. You may want to find that, and then change that meta field to “showvideo” or even remove that value to show the icon. Please check my screenshot attached.

    3 – Also can I show the taxonomy in the post itself?

    Yes, I see that you are already showing the taxonomy on your single page template. Just use the same method to add the Dynamic Term element to your listing item template.

    Best regards

    Janice Lourdes

    Hi Mohsin/Tatyana,

    Thank you so much, however I still cant seem to see the video play? Can you have a look again please?

    Also the team had a change in direction – we would like to separate the video and the articles to separate sections – https://buildmyweb.site/howwesell/success-stories the videos are under the watch section

    So the Seller stories listing grid would only need to link to video – can I make the post thumbnail image also link to the video only and not link to the post at all? Can you kindly advise how I can do this?

    Thanks for all the help so far.

    Mohsin Al-Rabieai Support Team

    You forgot to select the “Jet Engine Listing Grid Popup) and also made the whole item clickable. I fixed that for you. The videos are showing up now.

    In case of further assistant required for this project, I strongly recommend hiring an agent from WPDone as the support for customizations is limited due to our support scope. Thanks for your understanding.

    https://wpdone.artbees.net/

    Bests

    Janice Lourdes

    Thank you very much Mohsin, appreciate all the help.

    Nodari Support Team

    You are welcome Janice

    Have a nice week

Viewing 14 posts - 1 through 14 (of 14 total)
You must be logged in to reply to this topic.
Login