We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Colorblock theme - display the "all products" page as homepage

Colorblock theme - display the "all products" page as homepage

ac-ado
Tourist
13 1 1

Hi!

I'm in the middle of building my online store using the colorblock theme.

I would like the homepage to be the "all products" page but it the theme editor I'm only given options like "featured collection" or "collection list" etc.

I already tried creating a collection with all my products but then there are no filtering options available.

URL redirects also didn't work because you can't redirect from an URL with an empty path.

 

I'd appreciate any suggestions.

Thanks!

Replies 9 (9)

devcoders
Shopify Partner
1654 190 545

Hello @ac-ado 
Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!
ac-ado
Tourist
13 1 1

Thanks for the offer!

It's ac-ado.com

abdullahshahid_
Shopify Partner
69 4 10

@ac-ado Very cool looking store. 

I see products show up on landing page already. Although its always nice to start with a great banner with heading and tagline to summarize what the visitor can expect from your website. 

If you're unable to find any solution, you can design your custom products page in Canva... place your image/text/price and link to product page. This is one way of doing it. If you want a tutorial, see this:
https://www.youtube.com/watch?v=bZ_oUI4an30

Secondly, you can create a separate page on Shopify and fill it with  products. You can set that page as HOMEPAGE as you have that option in Shopify. 

EmbedAny
Embed 800+ widgets to Shopify with just a link!
https://apps.shopify.com/embed
ac-ado
Tourist
13 1 1

Thanks! I did what you suggested and that's great, still when you give the URL without further path you get to the actual homepage.

If no other solution can be found, I'll take your advice with a landing page 🙂

 

abdullahshahid_
Shopify Partner
69 4 10

@ac-ado what do you mean by empty URL? Did you try Shopify's free buy button app? It provides buy now and add-to-cart links for each product. That way, it wont be redirected. Your product can be added to cart or straight to checkout. 

And about the link to the product page, you can find links to individual products by going to Admin dashboard > products > select product.

You should be able to add links to your products this way. 

 

This tutorial is a bit relevant to our app but this should give you an idea about the Buy Button: https://canvify.app/docs/adding-shopify-add-to-cart-and-buy-now-buttons-in-canva-website/

EmbedAny
Embed 800+ widgets to Shopify with just a link!
https://apps.shopify.com/embed

tim
Shopify Partner
4812 598 1733

Check my answer to the similar question https://community.shopify.com/c/technical-q-a/add-pagination-to-a-featured-collection-on-homepage/m-... 

 

Yes, it's not for Colorblock, but, the may be sharing this particular code. If not -- let me know and I will re-check.

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
ac-ado
Tourist
13 1 1

Very considerate of you, thanks!

My issue is not so much the "view all" button or pagination rather than the absence of filtering on the "featured collection" page. (yes, I turned filters off in my store for now, whole bunch of other issues there :))

Mind you, if there was an option to randomize the selection and order of the featured collection I wouldn't mind displaying it at all! But that's yet another issue I don't want to bother you with.

tim
Shopify Partner
4812 598 1733

No, unfortunately, shopify filters would not work on the homepage directly.

 

It's easy to edit your theme so that it redirects from homepage to /collections/all (for example) and it would even be barely noticeable, but can't tell how it will affect SEO.

 

Alternatively, it may be possible to use Javascript to load homepage section content from the the /collections/all page, including filters.

 

Finally, it may be possible to use one of the search and filter apps available in the App store...

 

As for randomization -- yes, it's also possible to implement. Say, you may set up your featured collection section (or several) (or add a custom liquid section) to output 50 products from featured collection and then use Javascript in browser to show 16 random out of those 50.

 

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
ac-ado
Tourist
13 1 1

Wow, thanks for all the advice, appreciate it!

Since I can't afford any assistance with Javascript programming right now (have to start selling first) I guess I'll go for a landing page provided with a "Shop now" link.

 

As for filtering, I got the "Search & Discovery" App which works fine. I just found out yesterday that it doesn't filter based on collections which is information the chatbot didn't have before I told it (in case anyone should ask it in the future)