A to Z Filter

Anonymous

#144980

Thank you for your help. But I´m still frustated, I thought it would be much easier to set a A to Z listing to the search form.. Yes, I have now all letters from A to Z and I also can hide the checkboxes with CSS, but it is not lokking and working like the picture I want.

1. I´m to stupid to find the special CSS class/id for the checkboxes and the label. I only work with
.sf-label-checkbox and .sf-input-checkbox. But then all checkboxes are gone and I need them still in an other area of the serach form (Easy Finder).

2. “All” is not working like i want it to. I have selected E in a single post, but if i so click on All in the search form it is not shown up.

3. When I hide the checkboxes and then click on E after that on B, both are checked. It is not working like a button, because you have to deselect again, but when I hide the checkboxes you can not deselect it, that is to difficult for me.

4. I think my english is not really good enough to explain my problems very well. My first question from the start was: Is there a possibility to use the first letter from a title of a single post as a value for the search form. So I don´t have to have a field in my single post, where i have to select a letter for every post. I asked after an automatically way without selecting a letter in every single post (admin area). But I guess not. So it is fine for me with the solution , now.

5.) To the two forms on th same page: Sure, I was testing two forms, because I want them to work together ( 2 forms and one result list). That was my second question from the start. In some shops you can have some filter above the list and some filter at the side. i would like to have the days (Messetage) above and the other filter at the side. But you said that is not possible now, so I have to wait. I deleted them, there is only one search form, yet.

Sorry, it is not up to you, it ´s me, who is not firm enough and thought it would be much easier to use this plug-in?.

There is not a possibility to use this plug-in:

https://de.wordpress.org/plugins/a-z-listing/

with your search form?

Thank you for all. Greetings Melanie

Trevor

#145042

Hi Melanie

If you want allow only one choice at a time, then change the checkbox to Radio Button. This field type also has an ALL option as standard, so you can remove the one you added. You can change the label in the settings. I think that would solve 2 and 3. When you have made the change, I can give you the CSS to make it look right if you give me a link when you have made the changes (to address your point #1).

I understand on 4. As to the last question, no, it is not possible to use the other plugin. It is a pity that you cannot use Skype, because this could probably be fixed more quickly.

Trevor

#145057

OK. So you need to add some Custom CSS to your theme:

.searchandfilter .sf-field-post-meta-erster_buchstabe input {
  display: none;
}
.searchandfilter .sf-field-post-meta-erster_buchstabe label {
  text-align: center;
  width: 1.5em;
  line-height: 1.4em;
  border: 2px solid #666;
  padding: 3px !important;
  text-indent: 0;
}
.searchandfilter .sf-field-post-meta-erster_buchstabe label:hover {
  cursor: pointer;
}
#main-content .searchandfilter .sf-field-post-meta-erster_buchstabe > ul > li {
  margin-left: 0 !important;
}

How does that look?

Anonymous

#145061

Looks great :-), can we also align them like the picture? Side by side?

Trevor

#145073

Yes, but they are in a narrow column?

I also see that one section of that Custom CSS is not pasted correctly. There should be greater than symbols and instead there are HTML entities

#main-content .searchandfilter .sf-field-post-meta-erster_buchstabe > ul > li {
 margin-left:0 !important;
}

Did you copy from the email, or from this forum post?

Anyway, that last code block becomes this:

#main-content .searchandfilter .sf-field-post-meta-erster_buchstabe > ul > li {
 margin-left:0 !important;
 width: 2.5em;
 display: inline-block;
}

Anonymous

#145075

Almost perfect. 🙂 Only the Element with dropdown
(Alle Branchen) is now in one line with the
Titel (Branche), do you know what I mean?

Yes, I took it from the e-Mail.

Trevor

#145087

Maybe you can make me a screenshot (which browser and what OS?) and give me a link to the screenshot? When I look, all looks OK.

Anonymous

#145178

Oh, I have send a screenshot via e-Mail, but it is a noreply e-Mail,
so I will upload it for your here (left image):

LINK REDACTED (no longer exists)

Image on the right: On the Ipad (Portrait mode) some filter elemntes are under the box, if you know what I mean, the label of the checkboxes are not moving together, you can see it, when you make the browser small, is there also a chance to fix that?

Thank you so much,
nice weekend

Trevor

#145184

OK

Try this Custom CSS:

.searchandfilter .sf-field-taxonomy-branche h4, .searchandfilter .sf-field-taxonomy-branche label {
  display: block !important;
}

Anonymous

#145188

Now it looks fine, thank you so much. 🙂

[Author]

Posts