Creating A Stand alone Reservation Cart

[Lisa Heath]

Hello

I would like to add to the right side of the search results for desktop view, a sticky cart which follows the page down. I believe the cart is this – mphb-reservation-cart

How can I do this.

Many thanks

[J. Davis]

Hi Lisa,
Thanks for your question. You can try applying the custom CSS styles. As an example, you can try applying the following style:

@media(min-width:991px){
  
  #mphb-reservation-cart {
  position: sticky;
  float: right;
  width: 25%;
  top: 0;
}

.mphb_sc_search_results-wrapper .mphb-room-type{
  width:70%;
}
}

You can add more CSS to adjust the style to meet your requirements.

[Lisa Heath]

Thank you for your reply however I am using Elementor & WordPress, so currently I cannot work out how to call the mphb-reservation-cart to display in a container, there is no shortcake for the code, any ideas?

[J. Davis]

Hi Lisa,
You can add the code from my previous reply to Appearance > Customize > Additional CSS

[Lisa Heath]

I am so sorry I think you have misunderstood the question or I haven’t written it clearly.

I would like to display the section cart ( mphb-reservation-cart) on the side of the Search Results page.

I am using Elementor and in one column I have put the Motopress/elementor Search Results Widget and in the other column I would like to display the CART only ( mphb-reservation-cart) which also displays at the top of the Motopress/elementor search widget.

How do I JUST display the mphb-reservation-cart without the rest of the Search Results widget?

I can add additional css to make it sticky but I need a way of just displaying the cart bit.

I hope that makes sense.

Thank you

[Lisa Heath]

Hi
Is this possible?

[J. Davis]

Hi Lisa,
Thank you for the clarification. There is no shortcode or widget to add a reservation cart as a separate element to the page. It can be re-paced by applying custom CSS.

[Author]

Posts