Move share buttons beside wishlist button

Hey,

Is it possible to move the social media button on the product page from under the description to besides the wishlistbutton?

Thanks!

Hello,

To add the social media buttons on the product page below the cart button. You need to create an HTML block form Theme Settings >> HTML blocks.

Screenshot for Clarification: https://www.screencast.com/t/miSEhl7h

And add the social media icons module from the Wp-Bakery Page Builder. And you need to add the shortcode of the HTML Block to the product page.

From Theme Settings >> Product Page >> After add to cart textarea.

Screenshot for clarification: https://www.screencast.com/t/uGcOoDXrLIo

Unfortunately, there is no theme options available to display it beside the wishlist. You need to add the following Custom CSS to Global Custom CSS from Theme Settings >> Custom CSS.

.woodmart-social-icons.text-center.icons-design-default.icons-size-default.color-scheme-dark.social-share.social-form-circle {
    position: relative;
    top: 80px;
}

Result: https://www.screencast.com/t/vt9PQ5yaC

Best Regards.

Hey,

for some reason this looks funny. See screenshot attached.

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. You may adjust to top value given in that CSS Code according to your requirements.

Please remove the previous code from Theme Settings>> Custom CSS >> Global Custom CSS area and add the following code:

.woodmart-social-icons.text-center.icons-design-default.icons-size-default.color-scheme-dark.social-share.social-form-circle {
	position: relative;
	top: 60px;
}

If you want to hide the second area you pointed in the screenshot then you need to go to theme settings >> Product Page >> SHARE BUTTONS >> Show share buttons and disable this option.

If the problem still continues then tell me I will check it myself and help you out accordingly.

Best Regards.

[Author]

Posts