Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How can I edit the Dawn theme blog layout and sort by tags?

How can I edit the Dawn theme blog layout and sort by tags?

cbear
Tourist
15 0 2

hi there!

So I'm using the dawn theme and 90% of my content is blog posts. 

Two things - one of which I've done some research on and seems to be dead-ended, being the first.

1. Is there a way to sort by blog tags? This would be incredibly beneficial for my audience.

2. Is there a way to change the blog layout? It's currently limited to 6 posts (2 x 3) when using the larger square featured image - can I opt to change this where it shows 16 + blog posts to a single page while still using the large featured images? I don't mind the smaller images, but the images become cropped in such a way you can't really tell what's there. 

 

Both of these links are "blogs".

 

https://afibercollective.com/blogs/knitting-techniques 

https://afibercollective.com/blogs/knitting-patterns-tutorials 

 

 

Replies 3 (3)

suyash1
Shopify Partner
10154 1255 1595

@cbear - for point 2

 

please go to blog page template code and check if you have an option to make 16 posts per page

 

you might have something like paginate by 6, make it 16 and check

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

BSS-Commerce
Shopify Partner
3477 463 547

Hi @cbear 

 

Regarding your first problem, you can sort your article based on the URL. For example, the URL "https://test.myshopify.com/blogs/news/tagged/test" shows all your blog posts with the tag "test" by including the part "/tagged/test" in the URL.

 

Based on this feature of Shopify, you can create some kinds of list/button that have these URLs to navigate to the tagged list of blog posts. Please refer to this, https://shopify.dev/themes/architecture/templates/blog/#filter-articles-by-tag

 

About the second problem, please follow these steps:

1. Navigate to Online store > Themes > Edit code

2. Looking for the file "main-blog.liquid"  and find the code {%- paginate blog.articles by 12 -%}

Then change "6" into "12". That should solve your case.

view.png

 

I hope that it's useful for you.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
lavalamp
Visitor
1 0 0

Thank you that was very helpful!