I am trying to create “men” and “women” groups within a collection. I have been requested to do with from the business but am unable to find answers to this anywhere. I have added a very generic example of what I am looking to do. I have place the titles I would like to add in red. Each section would have about 10 items. They just want it separated for ease to find various styles.
Hi @CDI1978 You can do this easily in the Customization by selecting Feature Collection section.
You want to do like below screenshot ?
sandyparihar07’s answer should cover a small number of situations where hand configuring an alternate template for some collection is suitable.
Another small scale alternative , If this is for a small amount of products/collection then in the admin set the sorting to manual and hand tailor the sequence of products.
Note how this does not scale for LOTS of collections and products.
For LOTS of products and LOTS of collection you need to come up with a scheme and customize the theme to tailor it to need to minimize the setup and maintenance burden if a theme doesn’t already have some sort of grouping feature.
Keep in mind almost all customizations will run into problems with pagination offsets if not well through through.
Advanced
If you have a vintage theme follow this advanced customization tutorial for more control,
but in place of the collection-grid output the relevant collections products
Advanced for collections with less than 50 products modify the collection templates product loop to run twice and check for the tags men or women.
Advanced if this is the only url with this then use the collection-list template and instead of only outputting a collection card, output the relevant collections products.
https://shopify.dev/docs/themes/architecture/templates/list-collections
Advanced use the ajax section rendering api to pull in the relevant collections using tags
i.e. /collections/all/mens & /collections/all/womens
https://shopify.dev/api/section-rendering
Again remember that pagination has to be kept in mind and tested.
Advanced - use javascript on the frontend to create the groups per set of mixed product per page though this may create a confusing navigation experience for customers as some pages may have all of one category but not another or a bunch of one but only one of another ,etc. The javascript will of course need some sort of data in each product’s elements that indicates what category/tags each belongs too.
Which one is approach to use is based on need and experience in working with code and shopify themes.
Good Hunting.
Yes! I would like to have the red headers above sections so each type can be recognized easily.
Thanks!