Display gender specific photos and sizes, shoe brand

Shopify Discussion
1

Hi,

I own a store (to be launched soon) for a footwear brand.

The shoes are the same for men and women, meaning a white shoe size 38 for a woman, is the same as for man.

I would like to display specific photos for women of the products when viewed from women collection, and do the same for men. More over, I would like to mask small sizes for men, and high sizes for women.

I read some tips about using alt images but this is not scalable. I do not want to duplicate products as this will be an issue with fulfillment (2 products with same SKU will not get inventory synchronised).

I am pretty sure it is feasible as a lot of shopify stores who have the same products for men and women and are accomplishing this.

As an example of store :

Women product : https://ourcollegium.com/collections/womens-destoryer/products/womens-pillar-destroyer-low-platinum-suede

Mens product : https://ourcollegium.com/collections/destroyer/products/the-pillar-destroyer-low-platinum-suede

I am pretty sure these share the same SKU and EAN.

I am using DISTINCTIVE theme. I have already thought about the siblings feature which I am using for colors but can’t figure out how to display specific pictures and size variants.

Thanks !

2

Maybe there is a way using product URL ? if the URL contains “women” it means we should display images with no alt + image with alt containing “women” and if the url contains nothing, then display images without alt only.

I have located this part of code where it seems to display the product images :


  

		

			

		    

          

            
            {%- if product.media.size > 1 -%}
              {%- liquid
                assign thumbnail_count = product.media.size | at_most: 4
                assign width = thumbnail_count | times: 63 | plus: 19
              -%}

and this in product-media.liquid where it seems to loop over product media :


  {%- case media.media_type -%}
    {% when 'image' %}
      {%- liquid
        assign ratio = 1
        if media_aspect_ratio == 'adapt'
          assign ratio = media.preview_image.aspect_ratio
        elsif media_aspect_ratio == 'portrait'
          assign ratio = 1 | divided_by: 1.25
        elsif media_aspect_ratio == 'landscape'
          assign ratio = 1 | divided_by: 0.75
        endif

        assign alt = media.preview_image.alt | split: '#' | first

        assign padding_right = ratio | times: 100
      -%}
      

        {%- if section.settings.lightbox != blank -%}
        
        {%- endif -%}
        {%- render 'responsive-image', image: media.preview_image, sizes: sizes, priority: priority -%}
        {%- if alt != blank and display_captions -%}
        {{ alt }}
        {%- endif -%}
3

Hi @ttlll ,

You might want to consider using the Easify Inventory Sync app to sync the inventories of similar products featured in different collections (e.g., Men & Women). The app can automatically create inventory groups for products with the same SKUs, or you can manually create groups for products with different SKUs.

Additionally, the app offers bulk import features to simplify the creation of inventory groups.

If you have any questions or need help while using the app, feel free to reach out to the Easify Team through the in-app live chat for assistance.

4

Hi @Easify-Mark ,

Thanks for the answer.

This would cause duplicate products to be displayed when shopping for all. no?