Freestyle Images Section (drag and drop)

[brittemartinez]

 

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

[DaisyVo]

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

[brittemartinez]

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

[DaisyVo]

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.