If you notice that your featured products look a bit uneven (for example, a row of four followed by a row of two), you can easily fix the layout to create a more aesthetic, full-row look.
See this video for a quick visual guide:
1. Open the Theme Editor
Log into your Shopify admin and navigate to Online Store > Themes. Click the Edit Theme button next to your Surge theme to open the editor.2. Locate the Featured Products Section
On the left-hand side sidebar, scroll through your page sections until you find the Featured Collection or Featured Products section. Click the arrow next to it to expand its contents.3. Add New Product Cards
There are two ways to add more products to fill up your rows:- The Manual Way: Click on Add Product at the bottom of the section list. Repeat this until your rows are even (e.g., adding two more products to complete a row of four).
- The Shortcut: If you want to move quickly, right-click on an existing product card in the sidebar and select Duplicate.
4. Review the Layout
Once you’ve added the extra cards, check the live preview. Your products should now shift into nice, full rows, removing any awkward gaps at the bottom of the section.5. Save Your Changes
Click the Save button in the top right corner to push the new layout to your live store.See this video for a quick visual guide:
Quick Tip ?For the most "aesthetic" look, try to keep your total product count in multiples of your desktop row setting (usually 4). So, aim for 4, 8, or 12 products in total!
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article