popup email button

Can someone please help me setup de popup button for the contactform in contact us php.
I installed an template from the library but the button is not working

Please help

Danny

Hello,

Try to create an HTML Block (you can create the Form using Contact Form 7). Then, edit the page and use the popup widget and select the form in the popup widget: https://ibb.co/3fS9R0M
https://xtemos.com/docs-topic/html-blocks-usage/

If you have any questions, feel free to contact us.

Best Regards,

I just dont understand what you are saying. try to make a block what do i put in there or

Hello,

Use the Popup element – https://prnt.sc/qUYiHs5F6p3p then assign the Form to that element here – https://prnt.sc/WWQTFqkUDtuP , the form itself you need to define via Dashboard -> Html Blocks and then assign here https://prnt.sc/WWQTFqkUDtuP that block.

Let me know the result.

Kind Regards

Hi there thanks for your answer.
I dont have what you send me in the pictures. maybee cause im using gutenberg instead of a builder.
i imported an contact template from the library and the thing i see is a button where i can fill in an url

Attachments:

You must be logged in to view attached files.

Hello,

Send me access to the admin panel so I can check why that button doesn’t work.

Thank you in advance.

Kind Regards

here you go

Danny

Did you get the link i send you?

Let me know if all is good

Danny

Yep, I can’t even edit the element due to this error – https://prnt.sc/vcD_NT9mYwR4

May I disable 3rd party plugins and enable parent/default theme for testing?

Kind Regards

Yes try that please

Hello,

I have imported that page again – https://prnt.sc/tHWbZmIV2JP7 and now the button works – https://prnt.sc/o631NaoFbmMT

Let me know if you have any questions.

Kind Regards

Thanks for the help it works great now.

Danny

One more question . In product archives the hover over a product shows a big cart button but i want a cart icon there like on the mobile page

i attached an images with what i want

Danny

Attachments:

You must be logged in to view attached files.

Hello,

Try to use the code below:

.wd-product .wd-add-btn-replace .add-to-cart-loop:before {
    transform: translateY(0) translateZ(0);
}

.wd-product .wd-add-btn-replace .add-to-cart-loop span {
    transform: translateY(-100%) translateZ(0);
}

Kind Regards

Hi

I just tryed the code in css . but its half working . I still see the hoover cart button
See image. i want to get rid of that button and want the shop icon there on desktop view

Danny

Attachments:

You must be logged in to view attached files.

Hello,

Add the code below in Theme Settings -> Custom JS -> On document ready:

(function($) {
	woodmartThemeModule.$document.on('wdShopPageInit wdUpdateWishlist wdArrowsLoadProducts wdLoadMoreLoadProducts wdProductsTabsLoaded wdSearchFullScreenContentLoaded wdArrowsLoadProducts wdBackHistory wdRecentlyViewedProductLoaded', function() {
		var $hoverBase = $('.wd-hover-with-fade');
console.log($hoverBase)
		$hoverBase.find('.wd-add-btn').parent().addClass('wd-add-small-btn');
		$hoverBase.find('.wd-add-btn').removeClass('wd-add-btn-replace').addClass('wd-action-btn wd-style-icon wd-add-cart-icon');
	});
	
	woodmartThemeModule.$document.trigger('wdShopPageInit');
})(jQuery);

Kind Regards

Yes that looks very nice

Thank you for the help

Danny

Hello,

You are welcome! If you do not mind, can you please leave a 5 stars rating for our theme by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in the future. It would encourage our work a lot.

Have a good day!

Kind Regards

[Author]

Posts