Display variant images and titles on collection pages in Shopify

We would like to have the ability to display products in a collection on our Shopify store based on the variants. Quick example is the easiest way to explain:

We sell phone cases, and have variants for various models of the iPhone. We would like to create a collection for iPhone XS Max, and would like the image on the title page to be the variant image of the iPhone XS Max version (instead of the standard featured image). If possible, we'd also like "- iPhone XS Max" tacked onto the end of the title.

Furthermore, for that same model, we may have 4 different color variants of the iPhone XS Max size. We'd like the collection page to show each color, instead of just 1. Color can also be tacked onto the end of the title.

Our site is not currently live, but we are using a filtering app that may effect the application, which can be reviewed here:

[login to view URL]

The theme we use is Responsive Theme:

[login to view URL]

Basically we'd like to do what this app does, but think this app is way overpriced and haven't found alternatives:

[login to view URL]

There are several tutorials on how to accomplish this but I'm not familiar enough with the code to be able to implement it myself:

[login to view URL]

[login to view URL]

[login to view URL]


1. Ability to be turned on or off for each collection

2. When turned on, the collection page should show the Variants of each product in the collection as standalone products, utilizing the variant's image, instead of showing 1 parent product with the featured image

3. Each variant displayed should use the parent title with the Variant option title tacked onto the end (for example, "iPhone Case" with variant options Model and Color would become "iPhone Case - iPhone XS, Blue" and "iPhone Case - iPhone XS, Red", etc)

4. When the variant is clicked, the URL leads directly to the parent page with the correct variant selected

5. Ability to limit the variants that are displayed, either manually or preferably by simply selecting a specific Variant option. For example, if we have an iPhone case that has an iPhone X model and an iPhone 11 model, each in 4 colors, we want to be able to have an "iPhone X" collection that will only display the 4 iPhone X variants, not all 8 variants

In an effort to filter out Spam bids, if you've actually read through this please start your bid comments with LOREM IPSUM.

Compétences : Modèles Shopify, Shopify

en voir plus : using psd images create html pages, aspnet display binary images, scriptaculous display series images, visual program display dicom images, display isometric images, display webcam images website, display product images virtuemart, display facebook images web application, sef joomla titles individual pages, oscommerce dont display category images, display multiple images mysql jsp, display shelves images, display mutible images website, display multiple images aspnet, javascript display uploaded images, oscommerce display category images, flash display annotation images, display categories images virtuemart, display multi images database, display multi images aspnet code sample

Concernant l'employeur :
( 15 commentaires ) E STROUDSBURG, United States

Nº du projet : #22415486

Décerné à:


LOREM IPSUM- I am very familiar to Liquid (shopify language). And I have been working with the ecommerce sites. I've read your project details and references. It's a piece of cake. Let's start working right away.

%selectedBids___i_sum_sub_7% %project_currencyDetails_sign_sub_8% USD en 3 jours
(1 Évaluation)

57 freelance font une offre moyenne de $432 pour ce travail


Hi Reviewed your given requirments. I would appreciate if you please interact with me. I am listed as a SHOPIFY EXPERT on Shopify's official site: [login to view URL]; have completed 400+ Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 5 jours
(219 Commentaires)

LOREM IPSUM Yes I have experience in Phone case online store development under shopify. Your project caught my eye and I would love an opportunity to discuss it further with you. Below is a list of my previously mad Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(152 Commentaires)

Hello Sir I have reviewed your job posting regarding "Shopify Update/Customize", Glad to inform that, I have the skills and expertise to develop/design your Shopify website with attractive UI/UX and it would be respon Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(148 Commentaires)

Hello , How are you? I just saw your project description carefully. I am very interested in your project. I have rich experience in Shopify front-end and back-end. I can start your project immediately. I would l Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(46 Commentaires)

We are working with shopify since 5 years and have done 400+ shopify stores Our team have experise with design and development both and we can do all kind kind store and apps customization, With our graphics skills we Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 4 jours
(79 Commentaires)

Hello, I have read your post and understood your requirement. Looking for the freelancer to work on your next project? Or just need some issues/bugs/fixes ASAP? I have 11+ years of experience and I'm here for you! M Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(1 Évaluation)

LOREM IPSUM Hi. As a Symfony Expert , I am very interested in your project I am sure that you would be able to leverage my experience for your web project and I am confident that you would be happy with the final outc Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(16 Commentaires)

Hi , I read and able to do it for you perfectly and understood that you are looking for shopify developer who can make display products in a collection page in Shopify store . I have check your screenshot. i will fix i Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(43 Commentaires)

------> " LOREM IPSUM " !!! Hi!! I hope you are doing well!! I have gone through your project requirements. I check this [login to view URL] Sure, I will Display variant images and titles Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 10 jours
(26 Commentaires)

Hello. My name is Marko and I am an Engineering Graduate with an MBA degree. I am a full time freelancer and I will work hard on this till completion. An Expert Shopify website developer on freelancer.com and I do Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(39 Commentaires)

Warm greeting!! As you are looking for Shopify developer So I am a highly skilled Shopify development with more than 5 years of quality experience in designing & developing wide range of responsive websites. So I can Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 12 jours
(11 Commentaires)

Hi LOREM IPSUM, I am here to display products in a collection on your Shopify store because I'm shopify expert you can take a look on my profile reviews. Message me to discuss in detail and to review my previous wor Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 4 jours
(12 Commentaires)

Hi, Ready to start right away. When you have a few minutes, please send me a message so that we can discuss this a bit more. Please check my portfolio, I have perfect feedback and statistics :) [login to view URL] Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 20 jours
(1 Évaluation)

LOREM IPSUM. Hello, I am a certified Shopify developer.I could be the best fit for your requirements based on my skills and experiences related to this project. I am fully dedicated, reliable, fast learner, self starte Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(15 Commentaires)

Hello We can start immediately. I have read your job description, and don't need any upfront SHOPIFY EXPERT and SHOPIFY PARTNER company here. We have been doing similar things in the past. Let's have a chat to discu Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(18 Commentaires)

Hi, there I checked your description carefully(Display variant images and titles on collection pages in Shopify). I am familiar to Shopify, Shopify Templates. I have developed a lot of websites with Shopify. If you are Plus

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(1 Évaluation)

LOREM IPSUM Hi there. Greetings! I can satisfy all of your requirements. Please check my portfolio. Overall due to my successfully building several shopify websites experience, I have full confidence in your project. Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 5 jours
(21 Commentaires)

Hello? How are you? I am excited to work with you on this project. I have good skills in those. So I think I can help you if you want. So i hope to discuss your project vis chat deeply. Thanks. Best regards.

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(11 Commentaires)

LOREM IPSUM ⭐⭐Shopify Expert⭐⭐ Interested to work on your ⭐⭐Shopify⭐⭐ website project. +++ NO ADVANCE PAYMENT+++ I went through to the job description & want to share that as we have developed & design websites using Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(6 Commentaires)

⭐Hi⭐ Dear client. Nice to meet you! I am a Professional ⭐@Shopify, Liquid@⭐ developer. I read your post carefully, Your project exactly fits on me. Working on Online store Building for 7+ years, I have got lots of Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 7 jours
(8 Commentaires)