Woocommerce Single Product Image Alignment Issues

  • Resolved ypvang01

    (@ypvang01)


    4 years, 5 months ago

    Hello all,

    So i’ve been having issues with my single product images being misaligned.
    It happens on all modes (desktop, tablet, phones). It’s much better on the desktop, however once I’ve fixed the alignment with the yellowpencil plugin, all the other modes starts shifting out of alignment.

    I’ve tried deactivating and reactivating all my plugin, but none of it seems to help.

    I have noticed that it maybe within wordpress itself and not the plugins or themes (maybe i’m wrong?), however i would like to point out that for the “swatch variations” buttons the product img will center itself but once you use the “Ci WooCommerce Product Gallery Slider” it will mis-align. As i’ve mentioned before, i’ve tried to deactivate & reactivate the plugins and themes, but none of it seems to have solved the issue. I’m getting a bit fustrated at this point, but I do not want to reset my wordpress from the ground up again.

    Any help will be greatly appreciated.

    Website: https://www.allhmong.com

    issue link: https://www.allhmong.com/product/snapback-hat/
    *Note: the alignment issue occurs on all single product page.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter ypvang01

    (@ypvang01)

    BTW i’m using the oceanwp theme.

    Plugin Support Fernando a11n

    (@fhaps)

    Automattic Happiness Engineer

    I have noticed that it maybe within wordpress itself and not the plugins or themes (maybe i’m wrong?)

    Can you share more details about how you’ve determined this? The reason I ask is because usually, issues like these are related to the theme or plugins you may have that modify how the theme displays images.

    The easiest way to verify that is to temporarily switch your theme to the default Storefront theme. Then, disable all plugins on the site except for WooCommerce, and test for the issue. You’ll also want to disable any customizations or CSS you may have added to the site.

    If the issue is gone, you’ll then have to re-enable features one by one, while testing for the issue; until you find out which one is causing this behavior.

    We recommend that these steps are taken on a staging site, which is a clone of your live site that you can modify without risking making any permanent damage to your live site. You can create it using a plugin like WP-Staging.

    This plugin lets you copy and redeploy a WordPress site with minimal work.

    Thread Starter ypvang01

    (@ypvang01)

    @fhaps Thank you for the reply.

    To answer your question on how i’ve determined that is i’ve tried switching themes that i’ve installed, and all still have the same issue. I’ve disabled “some” of the plugins while switching themes but not all.

    I’ll try what you’ve suggested and see if it makes any difference. Thank you again.
    Will update soon.

    Thread Starter ypvang01

    (@ypvang01)

    @fhaps Sorry for the late reply/update, but just want to give a heads up to how everything has been since the last post.

    So I’ve done as fhaps advised and it seems to have helped to diagnose the issue. It turned out to be two conflicting plugins which I’ve deleted and installed a new plugin. I haven’t had an alignment issue since however, it did affect my Swatches. It no longer works, as to every time I select a different variant, the product never changes. IF there’s a solution for this that would be great. I’ve been so busy lately I’ve decided to just disable the swatch variant plugin until I can find a solution.

    Thank you @fhaps. I hope others who have similar issue can find this post helpful.

    P.S. If anyone has a solution to the variant swatch issue I would love to hear your thoughts. I’ll update this post if and when I do find a solution myself.

    Plugin Support Fernando a11n

    (@fhaps)

    Automattic Happiness Engineer

    @ypvang01 Thanks for the update!

    About the swatches, there might be another conflict with the swatch plugin you are using. You might want to look at other alternatives to add that functionality. Not sure which one you currently have installed, but I recommend looking at Variation Swatches and Photos.

    Since the original issue has been solved I’ll proceed to close this thread.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Woocommerce Single Product Image Alignment Issues’ is closed to new replies.