Freestyle Images Section (drag and drop)

Store Design
,
1

IMG_8844.jpeg
IMG_8844.jpeg1290×1964 320 KB

Hello, I just recently switched from wix to Shopify and I am having a hard time figuring out how to recreate this section I had on wix in Shopify. It’s a drag and drop multi image section, which I use to display reviews.. any help is welcome thank you everything in advance!

This is the wix website and the section is the second section from the top

https://thesoulsconjure.wixsite.com/the-souls-conjure

2

Hi @brittemartinez

To recreate a multi-image drag-and-drop review section in Shopify similar to Wix, follow these steps:

  1. Custom Code Section: In Online Store > Themes, select Edit Code and create a new section (e.g., reviews-gallery.liquid).
  2. HTML & CSS: Add HTML to display images in a grid or slider format. Use CSS Flexbox or Grid for layout.
  3. App Option: Alternatively, consider using a review app like Loox or Judge.me that supports image reviews and galleries.
  4. Customize: Adjust layout and style for desktop and mobile views.

This method gives you flexibility and replicates Wix’s drag-and-drop look.

If you have other questions, I am willing to answer them more.

Best regards,

Daisy

3

Hey I am not a coder, is there any way you can help me do this?

4

Hi @brittemartinez

Absolutely! You can create a multi-image drag-and-drop review section in Shopify without any coding by using specialized apps. Here’s how:

1- Choose a Review App:

  • Loox or Judge.me are excellent options that support image reviews and customizable galleries.

2- Install the App:

  • Go to the Shopify App Store and search for your chosen app (e.g., Loox or Judge.me).
  • Click Add app and follow the installation prompts.

3- Set Up Image Reviews:

  • Open the app from your Shopify dashboard.
  • Enable the option for customers to upload images with their reviews.

4- Customize the Gallery:

  • Use the app’s built-in drag-and-drop interface to arrange how reviews and images are displayed.
  • Adjust settings for layout, colors, and styles to match your store’s design.

5- Configure Display Settings:

  • Choose where the review section appears (e.g., product pages, a dedicated reviews page).
  • Ensure it’s optimized for both desktop and mobile views through the app’s responsive design settings.

6- Import or Collect Reviews:

  • If you have existing reviews, import them into the app.
  • Encourage customers to leave reviews with images by sending follow-up emails through the app.

7- Publish and Manage:

  • Once customized, publish the review section on your site.
  • Use the app’s dashboard to manage and moderate incoming reviews and images.

Benefits:

  • No Coding Required: User-friendly interfaces make setup straightforward.
  • Customization: Easily adjust the look and feel to match your brand.
  • Support: Access customer support from the app developers if you need assistance.
  • Features: Additional functionalities like review moderation, SEO optimization, and automated review requests.

By using a Shopify app like Loox or Judge.me, you can efficiently create a professional, multi-image review section that enhances your store’s credibility and engages customers without any coding knowledge.