Hi Mike

Thanks for the update. I tried that and it almost worked, except even though I have put “max-width: 105px !important;” – on lines that break it almost setting those with a minimum width of 105px as well as a max width of 105px .

Many Thanks
Regards
Colin

Hi Mike

Thanks for your reply. I added the code above but that didn’t do the trick. The issue we have is that I can add the html code <br /> e.g. Cable<br />Management where we want the navigation line to break but If my client then amends anything on the navigation and saves it, ALL of the occurances of <br /> disappear.

Many Thanks
Regards
Colin

Hi Victoria

I have now fixed this issue as all is working fine.

Many Thanks
Regards
Colin

Hi Nikko

I have the product category displaying on the title however when I filter the products and go to page 2 it changes to shop But if I remove /shop/ from the URL it works OK

Many Thanks
Regards
Colin

Hi Victoria

Well I’ve not actually built the site I want to do this on. But I have another site with a hotspot image on it which is the link below

Many Thanks
Regards
Colin

Hi Mike

I’m not sure whether it is complete. I got the code from here

But it’s working OK for me. (although not so good in Firefox on a Mac)

Many Thanks
Regards
Colin

Hi Mike

Thanks for your reply

I’m not using a plug-in for the product images just the standard Woocommerce product page with Woocommerce 3 gallery as set-up in the Enfold settings See image here

I tried adding the code above but nothing appeared, except if I change the shop option to “Default Enfold Gallery” and then it shows 1 caption for the main image. My client wants the caption to change when the image changes, so he can reference the product code for each image.

I’m not sure why nothing works

The only thing I can get to work is the following code. which puts the caption above the image. When you click on each image the caption changes but the image moves down the page a bit further each time you click the next image.

add_filter('woocommerce_single_product_image_thumbnail_html', 'thumb_add_caption', 10, 4 );
function thumb_add_caption( $html, $id, $parent, $class) {
   $attachment = get_post( $id );
   $img_cap = "<div class=\"img-cap\"><span class=\"cap-text\">{$attachment->post_excerpt}</span></div>$html";
   return $img_cap;
}

Many Thanks
Regards
Colin

Hi Mike

Link to site build page in private content

Many Thanks
Regards
Colin

Hi Mike

Thanks for your reply. That is very close to what we need. however, we are using the Woocommerce 3.0 Product Galley for this site but the CSS only seems to work with the Enfold gallery. We don’t want to change to the Enfold Gallery but if we do the descriptions show on the main image and the first thumbnail image See sample

Many Thanks
Regards
Colin

Hi Nikko

Yes it disappears if you click the OK button only. But on other cookie policy plug-ins I have used it would disappear automatically if you navigated to another page on the site. Effectively by the customer doing that, they are agreeing to the cookie policy without click the OK button. Is this possible?

Many Thanks
Regards
Colin

Hi Victoria

Ah, that is exactly what I have done, so that should be OK.

Many Thanks
Regards
Colin

Hi Rikard

link below…

Many Thanks
Regards
Colin

Hi Jordan

Thanks for your reply, yes one of those types of plug-ins would work fine.

In the end I used this one which allowed me to put the icons in the place where the customer wanted them

Thanks for your help
Regards
Colin

Hi Vinay

This is the link, http://wave7dev.co.uk/eurotest/product/pedag-viva-high/

as you can see the tabs appear at the bottom across the page but I want them to replace the standard tabs

Many Thanks
Regards
Colin