Guide / iShop Setting Manager
KO EN

iShop Setting Manager

The iShop Setting Manager allows administrators to configure the storefront theme, page layout, currency, skin, storefront HTML files, product display pages, cart pages, checkout pages, order pages, login/register pages, search page, and information page used by the iShop module.

This screen controls the structure and design files used by the iShop storefront. Changes made here may affect the public shopping pages, so always save and preview carefully.

Overview

The iShop Setting Manager is used to manage the storefront layout and page files for the shopping module. Administrators can choose a layout template, edit CSS, manage header/top/bottom files, and customize each storefront page section.

Area Description
Currency Selects the currency used by the iShop storefront.
iShop Skin Selects the active iShop skin or theme folder.
Used Core Controls whether the iShop pages use core layout files.
Pages Menu Provides access to layout, header, main areas, product, collection, cart, checkout, orders, login, register, search, and information settings.
Main Editor Area Displays the selected setting screen or file editor.

Top Buttons

Button Purpose
Open Editor Opens the file editor for editing storefront files directly.
Save to Files Saves the current settings and generated content into physical theme files.
Save Saves the current iShop settings.
Save stores the settings, while Save to Files writes the output into actual files. Depending on the deployment structure, both may be required.

Currency

The Currency field selects the currency used by the storefront. This affects how prices are displayed on product, cart, checkout, and order-related pages. 

Example:
USD � US Dollar

iShop Skin

The iShop Skin field selects the active storefront skin. A skin controls the storefront design, page templates, layout files, CSS, JavaScript, and related theme assets. 

Example:
iShop

When a different skin is selected, the storefront may use a different file structure or visual design.

Used Core

The Used Core option controls whether the iShop storefront uses core layout files.

Option Description
Use core layout files checked The storefront uses shared core layout files.
Use core layout files unchecked The storefront uses its own iShop-specific layout files.
Use this option carefully. Core layout files may be shared by multiple pages or modules.

Pages Menu

The left Pages menu is used to switch between different iShop configuration sections.

Menu Description
Layout Selects and manages the base storefront layout.
Head, Top, Bottom Manages header, top area, bottom area, and common page sections.
Main, Left, Right Manages the main content area and optional left/right layout sections.
Product Manages product detail page templates and product-related display areas.
Collection Manages collection or product listing page templates.
Cart Manages the shopping cart page layout and content.
Checkout Manages checkout page layout and checkout-related content.
Orders Manages customer order page or order confirmation page templates.
Login Manages the storefront login page template.
Register Manages the storefront registration page template.
Search Manages the product search page template.
Information Manages informational storefront pages or supporting content sections.

Basic Layout Setting

The Basic Layout Setting section allows administrators to choose the base layout structure for the iShop storefront. A layout determines how the storefront page areas are arranged.

Selected Layout

The Selected Layout dropdown shows the currently selected layout template. The selected layout controls the overall structure of the storefront page. 

Example:
radix_boxton

Layout Templates

The layout cards show available layout templates. Each template has a preview image, template name, description, and an Edit CSS button.

Layout Description
radix_boxton Single main content layout.
radix_boxton_3x Top, main, and bottom layout.
radix_3x_rolph Top, left, main, right, and bottom layout.
radix_moscone Top, left, main, and bottom layout.
radix_moscone_flipped Top, main, right, and bottom layout.

Selecting a Layout

  1. Open Admin > iShop > Setting.
  2. Go to the Layout section.
  3. Choose a layout from the layout cards or the Selected Layout dropdown.
  4. Review the layout preview.
  5. Click Save.
  6. Click Save to Files if physical file output is required.
  7. Preview the storefront.

Edit CSS

The Edit CSS button opens the CSS editor for the selected layout template. This allows administrators or developers to modify the design of the selected layout.

Editing CSS directly can affect the storefront design immediately after saving. Make a backup before making major changes.

Open Editor

The Open Editor button opens the storefront file editor. This is useful when developers need to modify the underlying HTML, CSS, or theme files directly.

Save and Save to Files

The iShop Setting Manager separates settings from physical file output.

Action Meaning
Save Saves the current settings to the system.
Save to Files Writes the generated or edited content to the theme files.

Recommended Workflow

  1. Select the correct currency.
  2. Select the active iShop skin.
  3. Decide whether to use core layout files.
  4. Select the layout template.
  5. Edit CSS if needed.
  6. Configure each page section from the Pages menu.
  7. Click Save.
  8. Click Save to Files when file output is required.
  9. Open the storefront and review the result.
  10. Test product, collection, cart, checkout, login, register, search, and order pages.

Common Use Cases

Use Case Recommended Action
Change storefront layout Select a new layout template and save the setting.
Edit storefront design Use Edit CSS or Open Editor depending on the level of customization needed.
Use a custom iShop theme Select the correct iShop Skin and save the configuration.
Modify product detail page Open the Product section and edit the related template.
Modify checkout page Open the Checkout section and edit the checkout template carefully.

Important Notes

  • Changing the layout may affect multiple storefront pages.
  • Changing the skin may change file paths, CSS, JavaScript, and page structure.
  • Use core layout files only when the storefront should share the core layout structure.
  • Always preview the storefront after saving layout or template changes.
  • Use Save to Files when physical theme files need to be updated.
  • Keep a backup before editing CSS or theme files directly.

Best Practices

  • Choose the layout before editing individual page templates.
  • Keep CSS changes organized and documented.
  • Use one active skin per storefront unless the system is intentionally designed for multiple skins.
  • Test desktop and mobile storefront views after layout changes.
  • Do not edit checkout templates without testing the full checkout process.
  • Use the Open Editor only when direct file editing is necessary.
The iShop Setting Manager controls the structure and presentation of the shopping storefront. Treat changes here as storefront-level changes, not just single-page edits.