How can I allow customers to choose product styles, sizes, and colors?

SeanAwethentic
Tourist
15 0 3

Hi,
I want a custom option for my products. We are selling photographic prints in three different styles - poster, frame and mounted frame. Sizes are different and frame color are also different.
So is there any way to let the customer choose styles, then size and then frame color. Not showing that particular size is not available in posters.

Can anyone help me?

Replies 5 (5)

RajatWeb
Shopify Partner
197 46 62

Hi @SeanAwethentic 

Please share your store URL so i can provide you a solution.

Thanks!

If helpful then please Like and ✔️ Accept Solution.
Do you need custom changes on store ? please send me a personal message and we can discuss.
Email: rajatsharma.web@gmail.com
Skype: rajatsharma.web
SeanAwethentic
Tourist
15 0 3

My store URL is www.awethenticgallery.com

 

RajatWeb
Shopify Partner
197 46 62

Hi @SeanAwethentic 

 

Take a backup of your store before implementing the solution below.

1. Go into Online Store> Themes> Actions> Select "Edit Code".

2. Go to the Product-card-list.liquid file.

3. Create three another div.

 

<div class="product-card__image-with-placeholder-wrapper" data-image-loading-animation>
<div id="{{ wrapper_id }}" class="grid-view-item__image-wrapper product-card__image-wrapper js">
<div style="padding-top:{% unless preview_image == blank %}{{ 1 | divided_by: preview_image.aspect_ratio | times: 100 }}%{% else %}100%{% endunless %};">
<img id="{{ img_id }}"
class="grid-view-item__image lazyload"
alt="{{ preview_image.alt }}"
data-src="{{ img_url }}"
data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
data-aspectratio="{{ preview_image.aspect_ratio }}"
data-sizes="auto"
data-image>
</div>
</div>
</div>

 

 

 

Thanks!

If helpful then please Like and ✔️ Accept Solution.
Do you need custom changes on store ? please send me a personal message and we can discuss.
Email: rajatsharma.web@gmail.com
Skype: rajatsharma.web
SeanAwethentic
Tourist
15 0 3

It doesn't work

 

Roxee541
Shopify Partner
31 2 5

Could this just not be done by adding in extra variants? One for sizes, one for colors and one for style? And then attach prices to those variants.