Product pages messed up

[michaelgiso]

After updating WooCommerce to version 2.6.4 the layout of our product pages are suddenly messed up. The font and menu are different from how they should be.

Example product pages: https://www.michael-giso.com/shop/producten/overhemden/maroon/
Example shop page: https://www.michael-giso.com/shop/

The font and menu should be like they are on the shop page.

Can you help us to fix this? Thanks!

[David Martin – Support]

Please test adding this to Theme Options => Custom CSS:

.single-product div#header-sticky-wrapper {
    height: 56px!important;
}

[michaelgiso]

I added this to the custom CSS, but still having the same problem.

[David Martin – Support]

Please provide a screenshot, ex this is what I see:

[michaelgiso]

You have to go to our shop. It’s a different WP installation. http://www.michael-giso.com/shop/

Attachments:

You must be logged in to view attached files.

[michaelgiso]

Hereby a screenshot of the fonts on the product page.

https://www.michael-giso.com/shop/producten/overhemden/maroon/

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

The browser is blocking this as you are not serving fonts via https.

PLease install this plugin https://en-gb.wordpress.org/plugins/really-simple-ssl/ and then also you will want to add this to your site’s .htaccess file.

# Allow access from all domains for webfonts.
# Alternatively you could only whitelist your
# subdomains like "subdomain.example.com".
<IfModule mod_headers.c>
  <FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css|css)$">
    Header set Access-Control-Allow-Origin "*"
  </FilesMatch>
</IfModule>

[michaelgiso]

Do you also have a solution for the product overview page? https://www.michael-giso.com/shop/jackets/

You see 3 items on the first row, 2 items on the second row and 3 items again on the third row.

It’s messed up after the update.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Please can you disable all plugins leaving only Swift Framework and WooCommerce active whilst I look into that?

– David.

[michaelgiso]

We installed and activated the plugin + added the code to .htcaccess, but the page is still the same.

[David Martin – Support]

The errors are now gone:

[David Martin – Support]

The supplied login details are no longer working?

Thanks.

[michaelgiso]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

This is what I’m seeing.

https://www.dropbox.com/s/ygb80os0k1eyfp6/Screenshot%202016-10-04%2014.00.54.png?dl=0

It seems just a cache issue in your browser, try chrome in incognito mode Cmd + N or Ctrl + N

-Rui

[michaelgiso]

That’s the shop page. The shop page is fine, but the product pages are messed up (also checked in incognito mode in Chrome).