[Resolved] Creating horizontal ticker with a view

[Author]

Posts

[Franco Calcagni]

We need to create a horizontal ticker populated with some specific posts (filtered by category and maximum publishing date of 4 months before).
We are going to use a Jquery script that works on the following HTML structure:

<div class="js-conveyor-1">

• <span>I am an <u>innocent</u> text string just passing by</span>
• hidden link">
  <span>I am a <b>hyperlink</b></span>
  
• <span>Mauris interdum elit non sapien imperdiet</span>
• <span>Cras lorem augue facilisis a commodo</span>

</div>

So we need to create a view that outputs a UL list with the parent DIV with class="js-conveyor-1".
The problem we have with BLCKS interface is that in the output view we don't know where to place the class to the parent DIV since in the BLOCK interface we don't see the UL wrapper DIV customizable with that specific class.

Is there any solution for this?

Thanks,

Franco

[Shane]

Hi Franco,

Thank you for getting in touch.

Assuming that you're using the classic view editor then you will add the div on the outside of the following.

<div class="js-conveyor-1">
<ul>
<wpv-loop>
View Loop Content goes here
</wpv-loop>
</ul>
</div>

Anything inside the wpv-loop tag will be dynamically generated by the view with the post data.

Thanks,
Shane

[Franco Calcagni]

Hi Shane,
I tried to activate the possibility to use both the classic and block editor for views but I see only the block editor. In our pages we use the block editor for all elements so I don't understand if it is possible to use the classic view for just specific elements. If possible ho to achieve this?
And then, once we activate the classic editor are there available all steps so to configure the loop parameters?
In addition we need to show only the posts that are old not more than 4 months but we don't know how to create that filter

Any help on this?

Thanks.

[Shane]

Hi Franco,

Only in the classic editor can you apply HTML code like this. To use the classic editor you will need to go to Toolset -> Views given that you've already activated the option to display both.

And then, once we activate the classic editor are there available all steps so to configure the loop parameters?

Yes this will be possible as you'll be able to customize the html content of the loop editor. I've given an example of how you can adapt your html with the loop editor in my post above.
https://toolset.com/forums/topic/creating-horizontal-ticker-with-a-view/#post-2227155

In addition we need to show only the posts that are old not more than 4 months but we don't know how to create that filter

Given that this is a separate request I will recommend that you open a new ticket for this issue.

Thanks,
Shane

[Franco Calcagni]

Hi Shane,
I activated the option for both using the classic and the block editor but when I am in the page that is built using the block editor, how can I recall a view with the classic editor? In the block environment I can only insert block items.
I the HTML example you sent me you just wrote the outside element of the loop, how can I then insert and edit the loop part?

Franco

[Shane]

Hi Franco,

Can you send me a screenshot of what you're seeing on your view ? I should be able to understand better what you're seeing if i'm looking at it from your perspective.

Thanks,
Shane

[Franco Calcagni]

I see only the view in the block editor (see screenshot)

[Shane]

Hi Franco,

Your implementation can only be done with the classic view.

If the classic view hasn't been enabled you can enable it by going to Toolset -> Settings and scrolling to Editing Experience. From there I recommend that you select " Show both the legacy and Blocks interface and let me choose which to use for each item I build".

This will allow you to have access to the classic editor as well as the block editor. From there refresh the page and go to Toolset -> Views.

From there you should be able to edit the loop output. Once you've created your view you can then go back to the page that you want your view to be on and use the view block to insert your newly created view.

The block editor for views doesn't allow you to make these specific edits to the view.

I hope This provides some clarity for you.

Thanks,
Shane

[Franco Calcagni]

Hi Shane, now all is clear, thanks for your help.

Franco