To change your product layout, go to RestroFood → Settings → Product tab. Under Product Layout, choose Grid Column or List Column, pick a Layout Style (1, 2, or 3), set your column count for Grid layouts (2, 3, or 4), then click Save Settings. The new layout applies to your storefront immediately.
RestroFood lets you control how your menu items are displayed on your WooCommerce store. With 6 product layout styles available (Grid Column and List Column, each with 3 style variations), you can present your menu in whatever way fits your restaurant’s brand, from a clean grid to a detail-rich list.
Why Layout Matters
Your product layout shapes how customers browse and order. A layout that matches your menu makes it easier to scan dishes, see the details that matter (photos, descriptions, price), and get to checkout faster, which usually means fewer abandoned carts and more completed orders.
Step-by-Step Guide to Change Product Layout Style
Step 1: Go to RestroFood Settings
From your WordPress dashboard, navigate to: RestroFood → Settings (as shown by the left-side arrow in the image)
Step 2: Open the Product Tab
Click the Product tab at the top (arrow shown in the screenshot).
Step 3: Choose Product Layout
- Under Product Layout, open the dropdown.
- Select the layout you want, such as:
✔ Grid Column
✔ List Column
Step 4: Select Layout Style
Choose your preferred Layout Style (Style 1, Style 2, Style 3, etc.).
Step 5: Set Product Columns (For Grid Layout)
Choose the number of columns, such as:
✔ 2 Columns
✔ 3 Columns
✔ 4 Columns
Step 5: Save Your Changes
Once you have selected your desired layout style, don’t forget to click the blue save changes button at the bottom of the page. This ensures that your new layout is applied to your online store immediately.
Common Mistakes to Avoid
When changing your product layout style, be mindful of these common pitfalls:
- Overcomplicating Layouts: A cluttered layout can confuse customers. Stick to a clean design that prioritizes usability.
- Ignoring Mobile Users: Failing to optimize for mobile can lead to lost sales. Always preview your changes on different devices.
- Neglecting SEO: While visual appeal is essential, don’t forget about search engine optimization. Use relevant keywords in your product descriptions and images to improve visibility.
Conclusion
Changing your product layout in RestroFood takes a few clicks – go to RestroFood → General → Product, choose Grid Column or List Column, pick a style, and save. The setting that trips people up most often is the description character limit, which only works on List Style 3, so double-check your style before assuming it isn’t working. Beyond that, match your layout to your menu (Grid for visual browsing, List for detail-heavy items), and preview your changes on mobile before publishing, since that’s where most orders come from.
