Đã hoàn thành

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.

Kĩ năng: Bảng mẫu Shopify, Shopify

Xem nhiều hơn: 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

Về Bên Thuê:
( 15 nhận xét ) E STROUDSBURG, United States

ID dự án: #22415486

Được trao cho:


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.

$250 USD trong 3 ngày
(1 Nhận xét)

57 freelancer đang chào giá trung bình $432 cho công việc này


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+ Thêm

$500 USD trong 5 ngày
(219 Nhận xét)

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 Thêm

$300 USD trong 7 ngày
(152 Nhận xét)

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 Thêm

$250 USD trong 1 ngày
(148 Nhận xét)

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 Thêm

$300 USD trong 3 ngày
(46 Nhận xét)

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 Thêm

$300 USD trong 4 ngày
(79 Nhận xét)

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 Thêm

$750 USD trong 7 ngày
(1 Nhận xét)

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 Thêm

$650 USD trong 7 ngày
(16 Nhận xét)

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 Thêm

$350 USD trong 3 ngày
(43 Nhận xét)

------> " 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 Thêm

$500 USD trong 10 ngày
(26 Nhận xét)

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 Thêm

$555 USD trong 3 ngày
(39 Nhận xét)

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 Thêm

$500 USD trong 12 ngày
(11 Nhận xét)

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 Thêm

$300 USD trong 4 ngày
(12 Nhận xét)

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] Thêm

$750 USD trong 20 ngày
(1 Nhận xét)

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 Thêm

$280 USD trong 7 ngày
(15 Nhận xét)

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 Thêm

$500 USD trong 7 ngày
(18 Nhận xét)

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 Thêm

$450 USD trong 1 ngày
(1 Nhận xét)

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. Thêm

$400 USD trong 5 ngày
(21 Nhận xét)

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.

$250 USD trong 3 ngày
(11 Nhận xét)

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 Thêm

$500 USD trong 7 ngày
(6 Nhận xét)

⭐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 Thêm

$500 USD trong 7 ngày
(8 Nhận xét)