Add search form to storefront

  • Hi everyone,

    Our client bought a pro version of this plugin for our project. As per their requirement, the storefront need to have a search form but [wps_storefront] does not have this feature.

    Is there a way to merge [wps_search] with this? I’ve tried using the two shortcodes at the same time but they show different results on different locations.

    I’ve also tried to use the syncing feature so I can just query all the products from WP database but not all product info (price, link, etc.) are being saved locally.

    It would be a great help if you help us solve this problem.

    You can email me for our client’s contact info.

    Best,
    Chan

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author andrewmrobbins

    (@andrewmrobbins)

    @chanfullstack Hey Chan!

    Technically you can use these two shortcodes together. The trick is to specify the same “dropzone payload” location for each.

    As a reminder, the “dropzone_payload” attribute specifies where the payload (products) should appear on the page. It takes a CSS selector for a value.

    For example, you could do this:

    
[wps_storefront dropzone_payload="#products"]
[wps_search dropzone_payload="#products"]

    Then, add the following HTML to the page:

    <div id="products"></div>

    That should work. Let me know!

    Thread Starter chanfullstack

    (@chanfullstack)

    @andrewmrobbins Thank you! I’ve tried this solution. Filtered and search results are now inside of one dropzone however they show two different set of data. Each has its own components for load more buton, no search result notice etc.

    Is there a way to only show one set of payload (combination of searched and filtered products ex. filtered search results) and only use the same components.

    Thanks again,
    Chan

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Add search form to storefront’ is closed to new replies.