Home Forums WoodMart support forum Customizing Woodmart Header Live Search / AJAX Search Results Layout with Releva

Customizing Woodmart Header Live Search / AJAX Search Results Layout with Releva

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #718317

    patrick.bek
    Participant

    Ja, dann würde ich **“live search / AJAX search in the Woodmart header”** klar erwähnen:

    Hello Woodmart Support,

    I’m using the **Woodmart live search / AJAX search function in the header**, with the **Relevanssi integration enabled**.

    I would like to customize the layout of the live search results more freely, a bit like building a product layout with Elementor or Woodmart product elements.

    For example, I would like to:

    * display larger product images
    * show a longer product description or excerpt
    * use bigger result cards
    * make the results area use more of the available screen width/height
    * create a more custom product-card style instead of the compact default dropdown layout

    Is this possible through Woodmart settings, or would it require custom CSS / a child theme template override?

    If a custom solution is needed, could you please point me to the correct template file, hook, or CSS classes responsible for the **Woodmart header live search / AJAX search results**, especially when Relevanssi integration is enabled?

    Thank you in advance.

    Best regards,
    [Your Name]

    Etwas kürzer und direkter:

    Hello Woodmart Support,

    I’m using the Woodmart live search / AJAX search function in the header, with Relevanssi integration enabled.

    I’d like to customize the live search results layout more freely, similar to how product layouts can be built with Elementor or Woodmart product elements. For example, I’d like larger product images, longer/more visible descriptions, bigger result cards, and a results area that uses more screen space instead of the compact default dropdown.

    Is this possible with Woodmart settings, or would it require custom CSS or a child theme template override?

    If a custom solution is required, could you please tell me which template file, hook, or CSS classes control the Woodmart header live search / AJAX search results, especially when Relevanssi is enabled?

    Thank you!

    #718367

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    At the moment, the Woodmart header live search / AJAX search layout is mainly controlled by the theme’s built-in template and does not support full visual builder-style customization from the theme settings.

    You can do some basic styling changes (such as spacing, image size, typography, etc.) using custom CSS, but more advanced changes like restructuring the product card layout, adding longer descriptions, or redesigning the result items would require custom customization and this is beyond our limitations and support policy.

    If you need help with custom css please share the page url so i will check and give you a possible css code.

    Best Regards

Viewing 2 posts - 1 through 2 (of 2 total)