Shopify Product page Last Slide Issue

Topic summary

A Shopify store owner encountered an issue where the last product photo on their product page wasn’t displaying full-width like the other images.

Solution Provided:

  • Add custom CSS code to the theme.liquid file (above the </body> tag)
  • The code successfully made the last image display full-width

New Issue:
After implementing the fix, all product images shifted to the right side of the page instead of remaining centered. The original poster is now seeking a modification to the code to center the images properly.

Status: The discussion remains open with an unresolved centering issue that emerged from the initial fix.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.

How do I make the last product photo like the others where it takes up the full page? My url is www.whoglobal.shop

1 Like

Hey @samueljoonjung

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

Worked great. Thank you.

1 Like

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Hi, sorry, I just realized that it moves all the models to the right side of the page. is there anyway to modify the code to center them? Thank you.