How do I get New Products to show above the fold instead of most popular (Big Commerce)?

  • 0
  • 1
  • Problem
  • Updated 5 months ago
  • Solved
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: Archived

How do  I get New Products to show above the fold instead of most popular? I have added a new type of product to my website but it only shows them below the fold under new products. How do I get New Products to show at the top of the page instead?

By the way, this is a Big Commerce E-Commerce site. Thanks!
Photo of Deidre7335

Deidre7335

  • 372 Points 250 badge 2x thumb
  • annoyed

Posted 5 months ago

  • 0
  • 1
Photo of Drew N

Drew N, Community Manager

  • 258,518 Points 100k badge 2x thumb
What theme are you using? This may need to be done in code, it may not, but even if it does, it should just be a copy/paste, but we will need to look.
Photo of Deidre7335

Deidre7335

  • 372 Points 250 badge 2x thumb
Cornerstone Light. Let me know what else you need to know.
Photo of Drew N

Drew N, Community Manager

  • 258,518 Points 100k badge 2x thumb
Ok, I haven't worked extensively with the stencil themes, but I figured it out. It is a little pain as you must copy the theme and then edit the template files. The actual editing is mostly a copy/paste, but you have to make sure you select the correct snippet of code to get it right. Is this something you think you would be comfortable doing? Unfortunately, we don't really offer assistance with working in the code, but if you have a basic understanding of html, then you should be able to see what needs to be done once you get to the edit mode for home.html
Photo of Deidre7335

Deidre7335

  • 372 Points 250 badge 2x thumb
I have a very small bit of experience with html coding, so could likely figure it out with your assistance. First you'd have to help me get to where I can edit the code. :-)
Photo of Drew N

Drew N, Community Manager

  • 258,518 Points 100k badge 2x thumb


When asked, give the copy a new name, whatever you like, but unique.

Once saved scroll down the My themes page and you will see your custom theme. Click the menu and Edit theme files.



You will be warned this is not supported. Click the blue edit theme files button.

You should be dropped into the editor with home.html already displaying. If not, on the left, click on the templates folder, then pages. You will find home.html there. It is not a huge amount of code and you can see the product panels near the bottom.

Once you make the changes, you need to save and apply. Once back on the My themes page, you may need to click the 3 dots again and click apply.

Hope this helps!
Photo of Deidre7335

Deidre7335

  • 372 Points 250 badge 2x thumb
It worked! Thanks!
Photo of Drew N

Drew N, Community Manager

  • 258,518 Points 100k badge 2x thumb
Excellent! Happy to help

This conversation is no longer open for comments or replies.