woodmart-sticky-btn

Make the sticky banner permanent on mobile phones and show same information as on desktop without product image.

Attachments:

You must be logged in to view attached files.

Hello,

What do you mean, please? I am checking and see the sticky button works well both on the desktop and mobile.

Best Regards

Yeah i know they work well, but as I was saying.

On mobile phone I want it to look the same as on the desktop. That means: The color is white, there is a button placed on it and it has the price on it.

Hello,

Add this code to the Theme Settings > Custom CSS > Mobile

body .woodmart-sticky-btn .single_add_to_cart_button, 
body .woodmart-sticky-btn .woodmart-sticky-btn-cart .woodmart-sticky-add-to-cart {
    border-radius: 35px;
}
body .woodmart-sticky-btn .woodmart-sticky-btn-cart {
    margin-left: 0;
    margin-right: 0;
}
body .woodmart-sticky-btn .price, 
body .woodmart-sticky-btn .stock, 
body .woodmart-sticky-btn .woodmart-sticky-btn-wishlist {
    display: block;
}
body .woodmart-sticky-btn .woodmart-sticky-add-to-cart {
    width: auto;
}
body .woodmart-sticky-btn {
    padding-top: 7px;
    padding-bottom: 7px;
      background-color: #fff;
}

Best Regards

Can we make it permanent ? So I could remove the Add to cart button and price ?

Sorry, but we cant influence to that so as this is WooCommerce functionality. If add to cart button will be removed, adding variable products to cart will be broken.

Best Regards

No, not remove, just place it on the sticky button.

In that case, it will be equal to removing. Our theme sticky add to cart button is adding an additional button that leads to WooCommerce buttons and there is no easy solution to move default woocomerce add to cart button from product description.

Best Regards

Oh okey, I thought That would just require to place the button there because the functions are already set. But if it is not that case then i will deal with it.

And how can i make it permanently visible ?

Hello,

Add this code to the Theme Settings > Custom CSS:

body .woodmart-sticky-btn {
	-webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

Best Regards

Thanks! work great.

[Author]

Posts