Show ACF value on Seach result?

[gianghl1983]

Hi,

How can I show ACF value on search drop down result on each item (Price, Number of Rooms….)

Thank you!

[Ernest Marcinko]

Hi!

By using the advanced title and content fields.

[gianghl1983]

Found it, thank you!

[gianghl1983]

Is there any way to CSS diferently Search Result for Mobile/PC?

I also want to display result differently by CSS on small Search Form..:D

Thank you!

• This reply was modified 7 years, 5 months ago by gianghl1983.

[Ernest Marcinko]

Hi!

With CSS media queries it could be possible to some level. It depends on what exactly do you want to change. Let me know, and I might be able to suggest a set of custom CSS rules to help you out.

[gianghl1983]

Thanks! But Media Query I dont think will work in this case.

I have 2 search form (Same search form) for Header (Long form) and Sticky Header (Short form). I want to CSS result differently for both form.

E.e: I want to display my Price Value Inline-block in long form but Block in Short…

Thank you!

[Ernest Marcinko]

Hi!

I think that’s doable. Just wrap the price value within a span element (or anything you need) with a class in the advanced title field, so it’s easily targetable, something like:

<span class='my_price_val'>{your_price_field_here}</span>

Then CSS with media queries:

/* Desktop default*/
.asp_r  span.my_price_val {
    display: block;
}

/* Devices below 720px */
@media screen and (max-width: 720px) {
    .asp_r  span.my_price_val {
        display: inline-block;
    }
}

This is how I would do it.

[gianghl1983]

No, actually this is the same screen. One search form display in sticky header(Width reduced) and one form in normal header (width long)

I want to target those form on the PC, not form in different view screens (PC/Mobile)

Thanks!

[Ernest Marcinko]

Well, I am not sure if this is possible then. Maybe using a custom script + CSS in some way, but might not be possible. If you want, you can include a link where I can see this, and might be able to suggest something.

[gianghl1983]

My site: https://raovat24s.vn/

To see a short search form please scroll down.

Thank you!

[Ernest Marcinko]

Hi!

Thank you, it turns out those are two separate outputs, and luckily the plugin automatically marks each instance from the same shortcode with a number, so custom CSS will work.

To target elements within the ‘small’ search, use the .asp_r_2_1 parent class, like so:

.asp_r_2_1 .your_target_class {
   /* code here */
}

This will target the .your_target_class within the small search only.

• This reply was modified 7 years, 5 months ago by Ernest Marcinko.

[gianghl1983]

Great! Thank you for rescure me, lol!

Have a nice day!

[Ernest Marcinko]

You cannot access this content.

[gianghl1983]

Sure, thank you ;)!

[Author]

Posts