Just bought – confused set up

[TriXoX29Participant]

Hi,

I just downloaded the plugin and need to do following things. Would love to get your help!

1) Is there any way I can add custom fonts to your search form? I have added that font on wordpress already but It does not appear in the typography section in your plugin.

2) How can I change the label text of the search form? There should be a grey: What are you searching for? text

3) I want to have following layout. See here: https://imgur.com/QwNC6Qm

I have decided my questions in a,b,c…

a) How can I have those kind of prechoosable tags / categories in my search bar? They should be under it and it the same layout (white background)

b) How can I align the font to the left and add a search icon?

c) How can I add a “Category choose” section on the right?

d) The search should be directly findable (Ajax search). Instead of having all results in a Lightbox I want them to display under the search form in one row with 3 posts. How can I design that?

e) How can I ensure that post results have an image at the top, title on the bottom, content snippet under it and also information like date etc? In the same design?

Really are looking forward to your feedback!

Bests,

[Ernest MarcinkoKeymaster]

Hi,

1. Yes, you can change most of the typography here to your custom font: https://i.imgur.com/ZZz9okS.png
If you simply want to use a custom font everywhere in the plugin, it might be easier to force that via custom CSS:

.asp_w, asp_w * {
    font-family: "my font family" !important;
}

2. You can change it here: https://i.imgur.com/ZlNGazE.png

3.
a) Use the search settings shortcode to move the whole settings area away from the search bar. That type of tagged layout will definitely need custom coding, as checkboxes/radio buttons and drop-down fields are available for the filterable layouts.
b) The search icon is displayed by default for most search themes, but you can explicitly turn it on here: https://i.imgur.com/dobL0PK.png
c) Well, the closest possible feature to that is this example. You can find the related tutorial here. That uses the search settings shortcode, but keep in mind, that will move all the settings to that position. It is not possible to have multiple filters on multiple positions.
d) Using the search results shortcode you can move the results box away from the search, just like the settings box. If you only need to display 3 posts at a time, you can change that under the limits panel.
e) By using a template with a horizontal layout – that one is very similar to your exact needs.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[TriXoX29Participant]

Hi,

I came quite far with your help, thanks. Anyway here we go for some more questions.

1) Somehow my categories filter has a strange padding at the top and is not aligned to the middle. See here: https://imgur.com/6FIOpRG

How to debug this?

b) Also it should directly stick to the search bar to look something like this: https://imgur.com/yIWOyOf

2) How can I force my results container to be the same height even if a title has two lines? https://imgur.com/I5fZB1P

3) My result date has a bit padding to the left. How can I align it to the left so that it closes with the title? See here: https://imgur.com/I5fZB1P

4) If I search for something the results appear in the result area, that’s fine. Anyway after clicking enter, it opens the default wordpress page and leads me to something like this: https://imgur.com/ejn1yoD

How can I prevent the tool from doing that?

5) I need my results to look a bit more like this: https://imgur.com/fPAPehI

a) How can I make sure that the results show the first words of the content?
b) Right under it I need the date (done already)
c) Right under the date I need a read more link which leads to the blog post
d) Any chance I can display the category on the result?

6) How can I make sure that the page directly shows all blogs even if the user did not search something on the search bar before?

7) How can I make sure that the results show only 3 results on one line?

8) I have this result shortcode where I can decide where I want the results to show. Any chance to divide that search results into several shortcodes? For example: Show results for Category 1 in one section, show results for category 2 in another section.

[Ernest MarcinkoKeymaster]

Hi,

1. Can I take a direct look at that? If not, then you may need to trial/error some custom CSS to adjust the margins. For starters try something like:

.asp_sb {
    margin-top: -18px !important;
}

n) For that there is no option to do so, you may have to custom code it. However I think it should be doable via some custom CSS, by adjusting the side margin to a negative:

.asp_sb {
    margin-left: -20px !important;
}

2. I assume you are using the horizontal results, in case here you can set a pixel value: https://i.imgur.com/wFDstFE.png

3. This should do the trick:

span.asp_date {
    margin: 0 !important;
}

4. If you don’t want a redirection, you can change the magnifier and return button actions.

5. Most of this you can customize via the advanced title and content field features. That will also explain how to add categories list to the content.

6. Via the auto-populate feature.

7. Well, I don’t know if that is possible via custom CSS only. Try:

.asp_r .resdrg {
 display: grid !important;
 grid-template-columns: 1fr 1fr 1fr; 
}

8. I’m afraid no, that is not possible.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[TriXoX29Participant]

Hi,

thanks a lot for your feedback. You managed to help me with most of the open questions. Here are some left ones. I will relate the context to the number of the questions before.

1) This works fine, thanks. How can I manage to have the same padding on the categories filter like on the general search filter on mobile tablet and so one? Currently it looks like this: https://imgur.com/rTSXvxE

I do have some padding on the left on the search filter but not on the categories filter. How to proceed?

n) Is there any chance I can make the whole container with a white background so it is a bit more aligned to the design I want to achieve? See here: https://imgur.com/M0Pn1wc

I guess the label “filter by categories” should be in black then

5) I don’t really understand this here.. Can you give me some more direct input about those tasks here:

a) How can I make sure that the results show the first words of the content?
b) Right under the date I need a read more link which leads to the blog post
c) Any chance I can display the category on the result?

6) Currently my results are showing as a slider if I have more then 3 results. See here: https://imgur.com/EyGAtbN

How can I manage, that only 3 results show per line? The lines should be right under each other. I do not need a slider.

b) On mobile there should be 2 results per line. 1 result per line is also ok if that’s easier for you.

Thanks a lot for the great support!

[Ernest MarcinkoKeymaster]

Hi,

1. That might be the container width, as well as a margin/padding on the container element. Without actually seeing that, I can’t tell unfortunately.
n) You can perhaps try something like:

.asp_w_container {
    background: white;
}

5.
a) I believe you are looking to turn off this option. By default, the plugin shows the context of the search keyword.
b) & c) – Please check the linked documentation. It explains how to display custom HTML, custom text and custom taxonomy terms (like categories within the results. In your case, something like this would get you close to the layout you want:

{descriptionfield}<br><br>
<p>Categories: <strong>{__tax_category}</strong></p><br>
<a href='{__link}'>Read more</a>

6. Make sure to turn off the slider here: https://i.imgur.com/14EFALS.png
b) In addition to the previous custom CSS, add this as well:

@media only screen and (max-width: 600px) {
    .asp_r .resdrg {
     grid-template-columns: 1fr 1fr; 
    }
}

This may not work in all cases though.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[TriXoX29Participant]

Hi,

thanks a lot for your help.

I decided to skip the filter option on the right side and want to work with clickable button tags instead. It should look like this: https://imgur.com/6FgTv1D

How to proceed something like this?

[Ernest MarcinkoKeymaster]

I would probably use either a radio button or checkbox layout + some custom CSS to change the layouts. However that will require a lot more custom code, that level of customization is beyond our support.
I have seen similar layout some time ago by another customer, and they used a radio button filters, and custom CSS coded the styling – so it is definitely possible, but I don’t know the details unfortunately.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[TriXoX29Participant]

Hi,

5b) Adding this is not working:

{descriptionfield}<br><br>
<p>Categories: {__tax_category}</p><br>
Read more

It looks like this but do not show any differences: https://imgur.com/a/87U3rCY

6) The radio button thing: I really do not understand where and how to do this. Can you send me a screenshot what needs to be done? I will write the CSS by myself then. Its just about getting the right functionality.

[Ernest MarcinkoKeymaster]

Hi,

5. It is in the wrong field (it is for the user type results): https://i.imgur.com/DwiDXcw.png

Radio button: Depending on what type of filters you use, you can change the layout from the default checkboxes. For taxnomy filters you can do that here, for post tag filters here.
This will result in radio button layout, like so: https://i.imgur.com/KCdwPkQ.png
For a single-select tag type filter it is probably the easiest to style via CSS for the radio buttons to appear as the “tags”. Each time clicking on the tab will actually activate the radio button.
I have only seen this done once, and I am not completely sure if they only used custom CSS only. Some javascript may also be needed, but I am sure that the most of it (if not all of it) is possible with only styling.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[TriXoX29Participant]

Hi,

i have a new bug which occurred. Strangely I can only see 3 results on my result page even if I have more posts categorized under this category. It seems like the tool only shows 3 results max. Where can I check if I set up something wrong?

See here: https://imgur.com/Ly8a4pm

I do know that we were talking about how setting up the results that there are 3 in one line but if there are more than three than simply a new line should start from left to right. How to proceed on this?

2) Any chance that my posts can get sorted by date? The newest at first position and so on?

Bests,

[Ernest MarcinkoKeymaster]

Hi,

1. I recommend checking the results limit here.

2. Yes, you can change the ordering here.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[TriXoX29Participant]

Hi,

we were talking about adding a read more link to my advanced title and content field through this code:

{descriptionfield}<br><br>
<p>Categories: {__tax_category}</p><br>
Read more

I added it like told here: https://imgur.com/iYuXm5u

Anyway its not working at all as seen here: https://imgur.com/VkWVmTB

What is really strange is that there is (and it was before without adding the code from above also) already a read more on my second post. Unfortunately it does not show on the other ones.

What to do?

Bests,

[Ernest MarcinkoKeymaster]

Hi,

It is not entirely clear from the screenshots, but I am guessing that you are looking at the search results page there. The advanced title and content fields only work with the plugin own live search results. The result page layout and fields are printed by the theme.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts