Navigation überspringen

[Gelöst] Here's my new questions

This support ticket is created vor 3 years, 7 months. 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 -

Zeitzone des Unterstützers: Asia/Hong_Kong (GMT+08:00)

Dieses Thema enthält 6 Antworten, hat 2 Stimmen.

Zuletzt aktualisiert von ashodK vor 3 years, 6 months.

Assistiert von: Luo Yang.

Author
Artikel
#2494153

I was able to finally get the page going.
versteckter Link

How do I do the following
1 - design search like the one I did in archive loop (see image)
2 - align header titles (they look off a bit
3 - change read more text (maybe change it to a button)
4 - add sort

Here's my page URL
versteckter Link

Here are my settings
versteckter Link
versteckter Link
versteckter Link
versteckter Link
versteckter Link

Thanks in advance

#2494157

Hello,

Please share your website credentials in below private message box, also point out the problem page URL, I need to check it in a live website, thanks

#2495775

The page you mentioned above is a WordPress Archive page of post type "passport-application"
There are one post view and one WordPress Archive in the page you mentioned above, I assume you are going to design the post view "PA View":
versteckter Link

1) Please edit above post view, in section "Search and Pagination", click button "Grid", it can setup Bootstrap grids, for example lines 12~17:

<div class="row">
	<div class="col-md-3">Cell 1</div>
	<div class="col-md-3">Cell 2</div>
	<div class="col-md-3">Cell 3</div>
	<div class="col-md-3">Cell 4</div>
</div>

See the results in frontend:
versteckter Link

More help:
versteckter Link

2) You can use custom CSS codes to style the table header text, for example:

td, th {
    text-align: center;
}

More help:
versteckter Link

3) You can customize the "Read more" shortcode text by follow our document, for example:
[wpv-post-read-more label="Continue reading"]
Then style it to button with custom CSS codes

More help:
https://toolset.com/documentation/programmer-reference/views/views-shortcodes/#wpv-post-read-more

4) In section "Search and Pagination", you can click button "Sorting controls" and setup it as what you want.

#2496359

Ok I got the hang of it, but I still have some visual issues.

1 - How do I set a placeholder for the dropdown (like the 2nd filter I have)?

2 - How do I make the submit look the same as the bottom one?

see screenshot
versteckter Link

3 - change read more text (maybe change it to a button)
Did not quite understand your explanation

4 - where do I add the pagination control? in Search and Pagination or Loop Editor?

5 - Search is not working properly. When I write "Mar" or "Mariam" it doesn't find the correct post. See screenshots.
versteckter Link
versteckter Link
versteckter Link

Neue Threads, die von Luo Yang erstellt wurden und mit diesem verbunden sind, sind unten aufgeführt:

https://toolset.com/de/forums/topic/heres-my-new-questions-2/

#2496475

According to our support policy, we prefer one ticket one question:
https://toolset.com/toolset-support-policy/

For other new issues, please check the new thread here:
https://toolset.com/forums/topic/heres-my-new-questions-2/

#2496477

Q3) I have done below modifications in your website, edit the post view:
versteckter Link
In section "Loop item in PA View", line 9, change the shortcode from:
[wpv-post-read-more]
To:
[wpv-post-read-more label="Continue reading"]

See the result here:
versteckter Link
You should be able to see the link "Continue reading", you just need to use CSS codes to style that link as what you want.

#2498727

My issue is resolved now. Thank you!