Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #1129012
TheGEM WooCommerce Compatibility
Closed

Comments

  • Mitch started the conversation
    April 10, 2017 at 3:38am

    Hi, 

    The issues I'm having are in creating a store using theGEM theme. I'm using the WooCommerce Amazon Affiliates plugin to import products. But I've narrowed down my issues to TheGEM theme by changing themes and having the issues I have on TheGEM solved. These are the issues I'm having:

    • The thumbnails forced image to 150x150, completely distorting original image. So I deleted the thumbnails through custom CSS...
    • Product pull down options: invisible... click link to see what I mean. Product sorting pull down, such as sort by popularity, most recent etc. 
    • Product pull down on an individual product page - such as size and colour, also invisible when selected options. 
    • On mobile, selecting an option on an individual product page zooms it way in... Glitch?

    So I'm guessing that TheGEM is not updated to be compatible with WooCommerce... Any help is appreciated

    Thanks for your time, 

    Mitch



  • [deleted] replied
    April 10, 2017 at 12:20pm

    Hi, sorry, not quite sure what do you mean. Can you pls provide more details with links and screenshots?

  • Mitch replied
    April 11, 2017 at 2:10am

    https://www.liftoffbodybuilding.com/product-category/powerlifting-shoes/

    Try selecting the sorting options for products... I attached here a couple screenshot of the problem.

    It's also on the specific product page...


  • [deleted] replied
    April 11, 2017 at 12:40pm

    I see this code in your page html:

    span {
  font-size: 0px;
}

    This code hide text in combobox.

  • Mitch replied
    April 12, 2017 at 5:53am

    That issue is fixed! Thanks. 

    The other issue I'm having is the thumbnail. 

    Is there a way to get it so it doesn't distort the original product images?

    I'll attach a screenshot...

    Link: https://www.liftoffbodybuilding.com/product/adidas-mens-adipower-weightlifting-shoes/

  • [deleted] replied
    April 12, 2017 at 8:31am

    You need to change product thumbnails in woocommerce setting and then regenarate thumbnails.


  • Mitch replied
    April 14, 2017 at 6:35pm

    What do I need to change those values to so all product thumbnails do not appear distorted?

    Should hard crop be checked?

  • [deleted] replied
    April 17, 2017 at 12:14pm

    You need to change this woocmmerce settings on your site. Better values is 160x160 with hard crop. Them you need to regenerate thumbnails.