How do I configure product layout settings?

Location of product layout settings

1. ProductsManage categoriesProduct categories
2. Use the product layout settings to choose the display method.

Product layout methods

Auto sort: Sorts products based on selected conditions without manual arrangement.

User-defined: Products are displayed in a custom order. New items appear at the top.

Auto sort + User-defined: Allows manual sorting of specific products. Manually sorted products appear first, followed by auto-sorted ones.

How do I set up product layout by category?

Setting up product layout by category

1. ProductsManage categoriesProduct categories to open the page.
2. In the Product layout section, choose the layout method you want to apply.
   • Auto sort
     Automatically arranges products based on conditions like Date added, Product name, or Price, without manual control.
   • User-defined
     Sorts based on the order set manually by the admin. You can choose whether newly added products appear at the top or bottom.
   • Auto sort + User-defined
     • This uses Auto sort by default, but lets you manually assign order to specific products.
       
     • Click Save after selecting Auto sort + User-defined to apply the layout method.
     • You can verify the layout changes by going to ProductsProduct layoutLayout by category and selecting the corresponding category.
3. Once you’ve chosen the layout method, click Save to apply the changes.

Things to note when setting product layout

• For Auto sort, select the products to apply it to, then click the Auto sort button at the bottom.
• In Auto sort + User-defined, the user-defined layout order must be assigned as 1, 2, 3, and so on in sequence.
• If you change from Auto sort to User-defined, the order will initially follow the previous Auto sort conditions, but you’ll need to manually set the order.
• Switching from User-defined to Auto sort will reset the layout order based on the selected sorting conditions.

I added a product, but it's not showing up in the storefront.

If a product is not visible in your storefront, please check the following settings: Display status/Product status, Category, and Visibility.

When you need to change the display/product status

1. If the product is set to Not on display or Not for sale during registration or editing, it will not be shown in the storefront.
2. To make it visible, set the product’s Display status to On display and Product status to For sale.
3. Go to ProductsProduct list, find the product, and open the edit popup by clicking the product name.
4. In the product edit popup, update the following:
   • Change the Display status to On display.
   • Change the Product status to For sale.

When no category is assigned to the product

1. Products with no assigned category will not appear in the storefront.
2. If the product is not showing, check whether it has been added to any Product category.
3. Go to ProductsProduct list, find the product, and open the edit popup by clicking the product name.
4. In the Select category section, assign at least one category.

When all assigned categories are set to “Not on display”

1. Go to ProductsManage categoriesProduct categories.
2. Check if the assigned category is set to Not on display.
   If so, change it to On display.
   ※ Even if a category is assigned, the product will not appear if that category is hidden.
3. Click the Save button at the bottom.

When a product has a validity period

1. If the product’s validity period is enabled and the current date is outside the range, it won’t be displayed.
2. If the product is not showing, check if a validity period has been set.
3. Go to ProductsProduct list, find the product, and open the edit popup by clicking the product name.
4. In the product edit popup, either disable the validity period or update it to a future date.

I set the product display order in the admin, but it looks different on the storefront.

If your storefront does not reflect the layout order you set in the admin, please check the following settings.

If subcategory products are set to display

When Display products in subcategories is set to On display for a category, products in its subcategories may also appear in that category’s product list. This may cause differences between the admin layout order and what is shown in the storefront.

If you want the storefront to display products in the exact order you configured in the admin, set Display products in subcategories to Not on display.

1. Go to ProductsManage categoriesProduct categories, and click the category name you want to edit.
2. Set the Display products in subcategories option to Not on display, then click Save at the bottom.

If layout changes aren’t reflected when previewing via category URL

Check that the category’s Display status is set to On display.

For changes to take effect and show correctly in preview, the category must be visible. Otherwise, you won’t be able to preview layout changes (this also applies to settings like “Display out-of-stock products at the bottom”).

I set up product display, but the newest items are not showing at the top.

When layout is set to User-defined + Auto sort

Go to ProductsManage categoriesProduct categories.

Then, check whether the category's layout setting is User-defined + Auto sort.
Products sorted manually will be displayed first, followed by products arranged automatically based on the selected conditions.

When categories were changed in bulk

If you rearrange the layout order using a CSV file, the file must include the layout order for All products in that category. If you upload a file that contains only part of the product list, the display order may change unexpectedly.

To prevent this, when editing the layout via CSV, always include the full list of products assigned to that category.

Can I change the product layout order in the main category if I only display subcategory products?

If you use the Display products in subcategories option without adding products to the main category, the product layout order cannot be changed for the main category.

To adjust the layout order in the main category, follow the steps below.

1. Go to Products Product list, and filter by the desired main category. Be sure to check the Include subcategories in search results option.

2. Select all products in the search results, then click Edit category. In the category edit popup, select and add the main category.

3. Under Category update method, choose Add the selected category to all products, then click Save. This will add the products to the main category.

4. After that, go to ProductsManage categoriesProduct categories, click the main category name, set Display products in subcategories to Not on display, and change the Layout settings to User-defined. Then, click Save.