How to automate product category creation on a webpage?

[wakingland]

Hello, i am trying to create a page that has a grid of product categories where each one points to a collection created for a particular tag. 

I am wondering if there is a way of automating this process, where the categories page updates and creates a page based on a selected task adding or selecting.

Any developer interested in helping for a charge please contact me on the email: hajou.amjad@gmail.com

www.wakingland.com

thank you

[Ash · Accepted solution]

Hey, @wakingland!

Ash here from the Shopify team. Thank you for posting your question in the Shopify Community Forums! 

Creating a page that features a set of collections on it- essentially a collection of collections- is absolutely possible! We have a great guide right here which goes over step-by-step instructions for setting this up on your own store.

When it comes to making your collections that are created for a specific tag, it sounds like you'll want to be creating Automated Collections. Automated Collections allow you to create collections of products that are automatically filled based on product conditions, such as containing a specific product tag. 

With regards to automating this entire process, could you please reply back here and elaborate more on what exactly you would want automated? Are you referring to some sort of set up where you could schedule which collections are going to be featured on your page? 

I'm looking forward to hearing back so we can continue to explore the rest of your questions together. 

[wakingland]

Thanks a lot. It turned out to be pretty simple on my district theme. I can't believe i didn't figure it our. I was able to create a shop link that automatically list all the collections created.(Which is what i meant by automated).
Now i am facing the problem of aligning the grid as the template is using the images dimensions to place the title beneath.
I would be grateful if you can show me the way to make all grid items of the same size.

[Ash]

Thank you for getting back to me, @wakingland!

I'm glad to hear you were able to find a solution built into your theme. That sounds quite handy. 

Now as for aligning the grid, I see that you mentioned your theme is using the image dimensions. If there is no option to re-arrange the grid within the theme, then one solution could be to edit the images in question so that they're all the same size, and re-upload them to your store. If each image is the same size, then they should be displayed uniformly on your site. We have some information in our Help Center on using the image editor that's built into the Shopify Admin, but to get more control over editing your images, it may be best to use a software designed solely for image editing- like Photoshop or Pixlr. 

If you don't want to edit and re-upload all of your images, or if for some reason the grid still doesn't align them correctly once re-sized, then another potential solution could be via a code customization to the respective page on your theme. Since District is a third-party theme, our team wouldn't be able to preform any code customizations on it, but you may be able to get help from a developer/ code-savvy forum user right here in the Shopify Community. Additionally, a Shopify Expert could likely be hired to assist with this. Shopify Experts are trusted, third-party agencies and freelancers, who are available for hire by Shopify Merchants. You can visit their site to contact an Expert, or post a job request and receive quotes from eligible Experts.

Best regards!