how to make the display of product images like this

how to make the display of product images like this

swawestore
Excursionist
61 0 8
Reply 1 (1)

Richmondair
Tourist
7 2 1

Hi Swawestore,

To achieve a similar product image display as seen on the BluOrng site (https://bluorng.com/products/camouflage-shorts), you'll need to make some adjustments to your Shopify theme. Here's how you can do it:

Steps to Customize Product Image Display:

  1. Theme Customization:

    • Go to your Shopify admin and navigate to "Online Store" > "Themes."
    • Click on "Customize" next to your current theme.
  2. Image Layout Settings:

    • Within the theme customizer, navigate to the product page section.
    • Look for settings related to the product image layout. This might include options like "Image layout," "Gallery style," or "Image size."
    • Choose a layout that matches the desired display, such as a carousel or grid layout for product images.
  3. Utilize Apps:

    • If your theme does not have the built-in options to achieve the desired look, you can use Shopify apps designed to enhance product image displays. Some popular apps include:
      • Product Image Gallery & Zoom: This app allows you to create a gallery with zoom functionality.
      • Shoppable Image Galleries by POWr: This app offers customizable image galleries.
      • Magic Zoom Plus: This app adds zoom functionality to your product images.
  4. Consider Theme Upgrade:

    • If your current theme lacks the necessary customization options, you might want to consider upgrading to a more flexible theme that offers advanced image display options similar to those on BluOrng.

Example Apps to Try:

  1. Product Image Gallery & Zoom:

    • Install the app from the Shopify App Store.
    • Customize the settings to match the desired layout and functionality.
  2. Shoppable Image Galleries by POWr:

    • Install the app from the Shopify App Store.
    • Create and customize your product image galleries with various display options.

Testing:

  1. Preview Changes:

    • After making the changes, preview your product page to ensure the images display as desired and the functionality works correctly.
    • Check on different devices and screen sizes to ensure responsiveness.
  2. Adjust as Needed:

    • Make any necessary adjustments to fine-tune the appearance and functionality of your product images.

By following these steps and utilizing the right tools and apps, you can customize the product image display on your Shopify store to achieve a similar look and functionality to the example provided.

Good luck with your customization!

Best regards,
Richmond Air

 
 
 
 
 
 
 
https://rvacleanair.com/