Single Page Product

Default is not working for the breadcrumbs, trying to move them to the same position as the demo on Handmade Woodmart Theme but when changed it stays where it is and changes the text on the page.

I just want the single product page to look exactly the same as the demo.

Hello,

Could you please disable that authentication so I can check the settings of your website?

https://prnt.sc/-T7qwNvYiy8A

Thank you in advance.

Kind Regards

Sorry for the delay, that is currently now disabled.

Also, there appears to be a conflict between Woocommerce > Marketing > Pinterest Share on images, and the social share from the theme. Please see image attached.

Thanks,

Adam

Attachments:

You must be logged in to view attached files.

Hello,

1. The thing is that you use Layouts for the product page, in this case, you can move the “Breadcrumbs” manually via the page builder. So just drag and drop it to another position: https://prnt.sc/fzU3SZkaZs6t

2. Most likely, it comes from a third-party plugin so please try to disable all plugins except these ones:

Elementor or WPBackary
Woodmart Core
WooCommerce
Enable the Parent theme

If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

Kind Regards

Thank you, will take a look at the layouts. Regarding the Pinterest conflict, I have already run the test, it comes through Woocommerce Marketing, when I flick the setting off Show save on images for pinterest, the button is no longer red however I need that setting from Woocommerce.

So do you want to hide that interest button from the “Share” area and on the product images?

Kind Regards

Hi Luke, in that specific area which isn’t an image I would like the themes share button so it matches the others. On the images I wish to maintain the Pinterest Share which is currently working correctly.

All the best,

Adam

Hello,

The thing is that the plugin overrides our HTML structure for the “Pinterest” button in the “Share” field: https://prnt.sc/rAJek56uOe78, so you need to contact their support and ask them how to disable that overriding in that specific area.

Kind Regards

Hi Luke,

After speaking to Woo they have said this comes down to the theme. I can actually understand their point as well, this is from the marketing section built into the WooCommerce plugin. The Xtemos theme is built to be compatible with WooCommerce so this would fall on the support here if I’m not mistaken?

Thanks,

Adam

Hello,

The WooCommerce itself doesn’t have such functionality to put the pinterest icons. So it’s some 3rd party plugin that was made to work with WooCommerce. Send me a link to that plugin that adds those pinterest icons for a better understanding.

I await your response.

Kind Regards

Hi luke,

Thanks for your repsonse, it’s Pinterest by WooCommerce as can be seen here: https://woo.com/de-de/products/pinterest-for-woocommerce/?quid=45e2ed5e857a96d4f0bc4167f1246346

WooCommerce plugin guided me to install this within marketing: WooCommerce > Marketing > Pinterest > Settings (Save to Pinterst)

Thanks,

Adam

Hi Luke,

Just wondering if there was an update on this yet please?

All the best,

Adam

Hello,

I apologize for the delay.

If they have option to disable it on the images: https://wordpress.org/support/topic/how-to-hide-pinterest-icon/ , ask them how to disable it in our “Share” area.

Don’t hesitate to let me know if you need any further help or any other info

Kind Regards

Hi Luke,

No worries, I’m not sure we are on the same page here however. I don’t wish to disable it, I wish for it to work correctly with the theme. I want people to be able to share my products when they hover the image to share to Pinterest.

Thanks,

Adam

Again this is not an issue with the plugin but with the theme that is meant to work with WooCommerce. This item was built by WooCommerce and is an advised installation within the WooCommerce Plugin.

I have put your suggestion to their support however let me just reiterate their message.

We unfortunately see this with third-party theme developers from time to time. That being said, we guarantee compatibility and support with any of the themes offered in our marketplace so don’t hesitate to reach back out if you’re open to exploring different options!

So is Woodmart compatible or not?

Hello,

Thank you for your patience.

Please enable the icon from that plugin so our developers investigate it. For now, it seems that it is disabled: https://prnt.sc/0LVYz1LKLjn-

Looking forward to hearing back from you!

Kind Regards

Hi Luke,

Thanks for your reply.

The setting is anow activated.

All the best,

Adam

Hello,

Please try to use the below code to enable the icon from the theme:

.wd-social-icons > [data-pin-log="button_pinit"] {
  display: inline-flex;
	font-size: 0 !important;
	background: none !important;
	text-indent: unset !important;
	vertical-align: middle;
	padding: 6px !important;
	font-size: 0 !important;
  height: 26px;
  align-items: center;
  justify-content: center;
	
}

.wd-social-icons > [data-pin-log="button_pinit"]:before {
	font-family: "woodmart-font";
	font-size: 14px !important;
	content: "\f156";
	color: rgba(0,0,0,0.6) !important;
	line-height: 1;
	transition: all .25s ease;
}

.wd-social-icons > [data-pin-log="button_pinit"]:hover:before {
	color: rgba(0,0,0,0.8) !important;
}

Since the plugin overrides our HTML structure for the Pinterest icon, in some cases the button can work a little bit differently.

Here is a result with enabled the above custom CSS: https://take.ms/FtRW4

Kind Regards

Hi Luke,

Thanks so much for this, it has fixed the sharing icons on the product page. The only remaining issue is the hover of an image on for instance the shop page. If I hover on the 3rd item in the shop, the pin icon comes up on the first image rather than the item I am hovering over.

All the best,

Adam

Hello,

Could you please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand if is it our theme issue or not?

Thank you in advance.

Best Regards.

[Author]

Posts