Support » Theme: eStore » TG Product Slider – Images not centering and sometimes zooming in

  • Resolved rigwald

    (@rigwald)


    I am trying to figure out the best dimensions to have our product images. In the demo, most are close to 600×600 and look good. WooCommerce recommendations are at least 800×800. Sometimes when I add a new product image, the image gets shifted to one side in the product slider. I tried adding an image that had a height of 800, as per WooCommerce recommendations, and the image appears zoomed in and cut off.

    What are the recommendations for image sizes in eStore?
    What is causing the images to not always center?
    What is causing the images to be zoomed in and cut off?

    • This topic was modified 1 year, 3 months ago by rigwald.

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • Hi @rigwald,

    The link you provided doesn’t seem to work. And about the image dimension I’ve replied in your previous query.

    Thanks and regards,
    Milan Thapa

    Thread Starter rigwald

    (@rigwald)

    @rubick322

    Sorry, I put up a landing page. The bypass is: https://storetest.rigwald.com/?cmp_bypass=test

    Hi @rigwald,

    I’ll recommend you to use the consistent image size. For example, there’s three images at bottom, but the last one height is tall, only if the image height and width was same that won’t have been the issue. Please take a look at our demo site images as a reference.

    Help link: https://demo.themegrill.com/estore-demos/

    Thanks and Regards,
    Milan

    Thread Starter rigwald

    (@rigwald)

    @rubick322

    Milan,

    That doesn’t explain why the product slider shifted 2 pictures to the left and zoomed one in. That is the purpose of this support request. The theme looks great, then the slider looks so unprofessional with the images not always being centered.

    (On a side note, the theme demo, which I imported, has a variety of images in a variety of sizes. They are not all uniform. It will be impossible to crop all my images to be exactly the same size as the demo sizes. As someone who is supposed to be providing support, you seem unsure of how your own product works.)

    • This reply was modified 1 year, 3 months ago by rigwald.

    Hi @rigwald,

    My apology that I wasn’t able to make you understand. Please use the image sizes listed below:

    Slider 600 x 512
    Featured-images i.e beside slider 380 x 250
    WooCommerce Product 600 x 600
    Blog Images i.e post featured images 870 x 566

    If you respect these dimensions, then everything will look fine.

    Thanks and Regards,
    Milan.

    Thread Starter rigwald

    (@rigwald)

    @rubick322

    Milan,

    How can I do that? It takes the product images. You can’t choose specific images for each of those situations. I am utterly frustrated. Please note, that the other pictures in the slider, which are working, are not 600 x 600 or 600 x 512. Let me explain how the images work.

    1) You create a product listing.
    2) You upload a project image.
    3) The theme then takes that product image and uses it for EVERYTHING. It uses it for the slider. It uses it for featured products. It uses it for catalog listing. It uses it for the thumbnail in the backend. You upload ONE image and then the theme uses it when displays that image in a slider, in a featured setting, etc….

    Thread Starter rigwald

    (@rigwald)

    @rubick322

    I have made all the product main images 600×600. The slider takes the product image. I have uploaded all new images for the category in the slider. The images are off center. How can that be fixed?

    https://storetest.rigwald.com/?cmp_bypass=test

    Hi @rigwald,

    My sincere apology for responding late. And to resolve your issue, just for the case of slider category, could you please add the image with size 800 x 521, previously I mentioned 600 x 521 which was off the mark. If you upload the slider image to that size it will look like below screenshot.

    Screenshot

    You can take the image reference from below URL. If there’s any further query please let us know and you can also use chat support via our official site https://themegrill.com/.

    Reference Image URL

    Thanks and Regards,
    Milan.

    Thread Starter rigwald

    (@rigwald)

    @rubick322

    Ok, I will try, but the slider is pulling product images. Aren’t they supposed to be 600×600? Your example is showing pulling a category image. Shouldn’t the slider center any image it pulls? Right now it appears to be setting the image to the left. If the slider doesn’t automatically center the image, is there code I can enter/modify to center the image?

    Thread Starter rigwald

    (@rigwald)

    For anybody wanting to center the slider image, here’s the code to enter in the Additional CSS area:

    .big-slider .home-slider li {
    display: flex;
    justify-content: center;
    }

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘TG Product Slider – Images not centering and sometimes zooming in’ is closed to new replies.