I am trying to: Display a View Shortcode on my homepage
Link to a page where the issue can be seen: hidden link
I expected to see: The Therapists listed here as is.
Instead, I got: The CSS on these doctor profiles had to be added in again manually to make it look like it should in the view preview when editing, so css is not being output from the view. On mobile there is also an issue where you cannot scroll down the page, this doesn't happen without the shortcode present. I had to put this shortcode in a special block in order for it too work, if not half the page stops rendering and a wordpress admin bar appears at the end of the page instead of where it should be.
Thanks,
Hello,
Thanks for the details, I can login your website.
The Toolset Blocks plugin is based on WordPress built-in Blocks Editor(Gutenberg), but you are using another page builder "UX builder" to design the problem page, both Blocks Editor and "UX builder" are page builders, it is not recommended to use two page builders to design the same page/post, it will conducts some unexpected result as you mentioned above.
I suggest you try to design the problem page with Blocks Editor and test again.
More help:
https://toolset.com/2019/06/visually-create-and-design-views-using-block-editor/
Hi,
If this is the case how come on this page it works perfectly fine? : hidden link
If I move it to the end of the page in the builder, it works fine. What is causing the issue if this is the case? : hidden link (updated with section moved to the bottom).
Also, what good does the shortcode system do if the functionality is inhibited. Usually shortcodes arent effected that much in this regard.
Thanks,
Please edit the page you mentioned above:
hidden link
You are using Blocks editor to setup the view block, see my screenshot view-block3.JPG. So it works fine in front-end
As my first answer:
https://toolset.com/forums/topic/view-shortcode-causing-css-issues/#post-1775261
I suggest you try to design the problem page with Blocks Editor and test again.
Can you explain to me then why on this page: hidden link
The view implements onto the page with a 'UX block' with the shortcode within a text editor and not built with the blocks directly : hidden link
This only works when at the bottom of the page but it doesn't use the blocks editor directly on the page but you get the same result. If I move this ux block to the middle of the page then the page breaks. In functions normally in the ux builder at the end but not in the middle?
My point is why can't this work in the middle of the content and only at the end even if it's not using the blocks editor on the edit page.
*This is a test page copy so feel free to edit yourself if needed to troubleshoot.
Thanks,
As I mentioned in my first answer:
https://toolset.com/forums/topic/view-shortcode-causing-css-issues/#post-1775261
The Toolset Blocks plugin is based on WordPress built-in Blocks Editor(Gutenberg),
If you want to display a view block, please use Blocks Editor editor to design the page, and display the view block.
If you insist on other page builder "UX builder", you can create another post view with classic editor, and display the view's shortcode in other page builder, for example:
1) Dashboard-> Toolset-> Settings-> General:
In section "Editing experience", enable option:
Show both the legacy and Blocks interface and let me choose which to use for each item I build
2) Dashboard-> Toolset-> Views, create a post view with classic editor,
3) Edit your page with "UX builder", display above view using shortcode [wpv-view]
hidden link
