Search bar in a popup

Viewing 1 replies (of 1 total)
  • Plugin Support Marta

    (@martadella)

    Hi @ladyfirst2010,

    Are you using a plugin for the popup? Perhaps there is a possibility to add FiboSearch to a popup with a shortcode: [fibosearch].

    It’s also possible to create a popup-like solution without an additional plugin. Go to WooCommerce -> FiboSearch -> Search bar (tab) -> Layout. Choose ‘Layout’ -> ‘Search bar only’, check ‘Overlay on mobile’ and set ‘Mobile breakpoint’ to 3000 px. Then, go to Apperance -> Customize -> Additional CSS and paste the following code:

    @media screen and (min-width: 768px) {
.js-dgwt-wcas-overlay-mobile {
  padding: 100px;
  background-color: rgba(0,0,0,0.15);
}
.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp {
  width: calc(100% - 200px) !important;
  margin: 100px;
}
}

@media screen and (min-width: 1400px) {
.js-dgwt-wcas-overlay-mobile {
  padding: 300px;
}
.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp {
  width: calc(100% - 600px) !important;
  margin: 300px;
}
}

    Let us know if this works for you!

    Regards,
    Marta

Viewing 1 replies (of 1 total)
  • The topic ‘Search bar in a popup’ is closed to new replies.