Skip Navigation

[Resolved] Initial page load contains 3 instances of the page header

This thread is resolved. Here is a description of the problem and solution.

Problem:

Display the featured image in specific custom size.

Solution:

Please try Views shortcode [wpv-post-featured-image]

Relevant Documentation:

https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-post-featured-image

This support ticket is created 6 years ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 6 replies, has 2 voices.

Last updated by davidR-33 6 years ago.

Assisted by: Luo Yang.

Author
Posts
#1169847
ie top.PNG
ie bottom.PNG
chrome top.PNG
chrome bottom.PNG

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.

#1170302

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.

#1170494

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

#1170981

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/

#1171143

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

New threads created by Luo Yang and linked to this one are listed below:

https://toolset.com/forums/topic/initial-page-with-pagination-and-search-box/

#1171151

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/

#1171383

My issue is resolved now. Thank you!