I am trying to:
Build a search page to search a set of records (CPTs). The CPT is called "endpoint".
I want the page to load with a grid of all endpoints and then when searching, it should show only search results.
The page is created using the theme's PageBuilder and a the Toolset widget "WP Views" pointed at the view which contains the relevant search filter.
Link to a page where the issue can be seen:
hidden link
I expected to see:
On page load, a regular page showing the search box and underneath showing a grid of all the current Endpoint entries (CPT entries). The grid of the the Endpoint entries should have the featured image sized 100x100.
Instead, I got:
On page load, a page which has 3 instances of the header, the menu is halfway down the page and the menu and footer are only the width of the content rather than the entire screen.
The CPT results on initial load don't seem to follow the formatting of the CPT results of clicking search, i.e. the featured images are much bigger (they should be 100x100).
Rendering in Chrome and IE is different, see screenshots.
Hello,
I have checked the URL you mentioned above, I can see three page title "Seamless Endpoint Gallery", isn't it abnormal?
I suggest you check these first:
1) In case it is a compatibility problem, please deactivate other plugins, and switch to wordpress default theme 2019, remove all your custom CSS/JS codes, and test again
2) if these problem try to locate the problem plugin/theme/custom CSS/JS codes by activate them one by one.
Thanks. I'm afraid I can't take the site down to do that level of testing. If you could provide a license that I could use in the staging site I could do that.
I've found what looks like a workaround. I've created a new page, switched off the SiteOrigin Page Builder and used a Toolset layout to create the page. This has largely solved the header problem.
hidden link
I am still left with the problem where on initial page load, the featured images are full size rather than 100x100 as specified in the Loop Output. If you run the search, it then shows the featured images as 100x100 as specified.
Is there something in the view specification that I've got wrong?
Thanks
David
Unfortunately, I can not provide you new license.
And I have checked again the URLs you mentioned above:
Both of them are 404 errors,
hidden link
hidden link
For the question:
If you run the search, it then shows the featured images as 100x100 as specified.
How do you display the featured images?
Are you using Views shortcode [wpv-post-featured-image]?
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-post-featured-image
If it is, I have tried it in my localhost, there isn't such kind of problem.
So the problem is abnormal, please check the compatibility problem first.
You can follow our document to migrate your website to staging site:
https://toolset.com/documentation/customizing-sites-using-php/post-relationships-api/how-to-migrate-your-site-to-new-post-relationships/
Hi Luo
Thank you. Firstly an apology, during the course of the day yesterday I changed the URL to be hidden link . I should've updated the issue, sorry about that.
In terms of the problem - you've said that if you run the search, it shows the featured images as specified. Is there no way to have them show as specified on initial load? (Note - at the moment I've put in a workaround where I've added a 100x100 pixel image to the CPT and am now showing that in the loop so it loads as 100x100 from initial load).
I have two additional questions that have come up as I've continued development...
(1) Is there anyway to introduce pagination to the initial load (i.e. before the user searches for anything)?
(2) Is there anyway to bring up the search box without loading all the records first? So the user only sees record when they run the search for the first time?
Thank you
David
For the question:
Is there no way to have them show as specified on initial load?
Please check the document I mentioned above:
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-post-featured-image
You can specific the featured image in custom size, for example:
[wpv-post-featured-image size='custom' width='100' height='100']
For other new questions, please check the new thread here:
https://toolset.com/forums/topic/initial-page-with-pagination-and-search-box/
My issue is resolved now. Thank you!