Home Page
First, select 'eShop' from the dropdown menu in the top left corner. Then choose 'Create eShop' from the dropdown options and click on 'eShop Editor (Web).' Next, select 'Home' from the dropdown menu in the top left corner (the system defaults to displaying 'Homepage'). Below the header in the display area, you'll find the 'Home' settings section. The content of the display area can be configured using the 'Home Edit' options on the right.
When a component's toggle switch is turned off
2. Click on the 'Homepage Slider Banner' on the right to expand the settings (the switch next to the title defaults to 'on,' indicating visibility. All other switches in 'Homepage Edit' behave similarly when turned on). Choose the display size of the banner: 'Large,' 'Medium,' or 'Small.' Click the '+' symbol to add a slide; this addition will sync across three languages, allowing a maximum of 15 slides. The shared settings for the 'Homepage Slider Banner' are now configured.
Note: Different sizes of the 'Homepage Slider Banner' have distinct settings. When you switch from, for example, 'Large' to 'Small' size, all settings for the 'Homepage Slider Banner' need to be re-edited.。
For the 'Homepage Slider Banner,' configure the 'Slider Images' settings (upload separately for Traditional Chinese, English, and Simplified Chinese). Click on the '+' symbol within 'Slider Images,' which will prompt the 'Manage Image Upload' window to appear. Click the 'Insert Image' '+' icon (or directly input the image URL). This action will open the 'Select Image' dialog. Click on 'Free Gallery' (system-provided image gallery) or 'Choose Image' (local image) options. After uploading the image, click the 'Upload Image' button. Return to the 'Manage Image Upload' window. Finally, click the 'Insert Image' button to complete the upload of the 'Slider Image.' This process can be repeated for banners in Traditional Chinese, English, and Simplified Chinese.
For the 'Homepage Slider Banner,' in the 'Description' settings, you can edit content using the 'HTML tool.' Editing is available in Traditional Chinese, English, and Simplified Chinese, and the system will instantly save changes made during editing.
For the 'Homepage Slider Banner,' in the 'Button' settings, fill in the 'Text' for the button, providing entries in Traditional Chinese, English, and Simplified Chinese. Choose the 'Font Size' for the 'Text,' selecting options for Traditional Chinese, English, and Simplified Chinese. Complete the button setup.
For the 'Homepage Slider Banner,' in the 'Link' settings (language-independent, meaning 'Slide1' for Traditional Chinese, English, and Simplified Chinese shares the same link settings), choose the 'Link' type. Select or input the sub-content for the chosen type (different types have distinct sub-content). Complete the link setup.
3.Homepage Edit' → Click on the 'Featured Banners' on the right to expand the settings. → Select the number of banners to display. → Shared settings for 'Featured Banners' are configured.
For the 'Collection Banners,' configure the 'Banner Images' settings (upload separately for Traditional Chinese, English, and Simplified Chinese). Click on the '+' symbol within 'Banner Images,' prompting the 'Manage Image Upload' window to appear. Click the 'Insert Image' '+' icon (or directly input the image URL), which will open the 'Select Image' dialog. Click on 'Free Gallery' (system-provided image gallery) or 'Choose Image' (local image). After uploading the image, click the 'Upload Image' button. Return to the 'Manage Image Upload' window. Finally, click the 'Insert Image' button to complete the upload of one language version of the 'Banner Image.'
For the 'Collection Banners,' configure the 'Description' settings. You can edit content using the 'HTML tool,' supporting editing in Traditional Chinese, English, and Simplified Chinese. The system will instantly save changes made during editing.
For the 'Collection Banners,' in the 'Link' settings (language-independent, meaning 'Banner1' shares the same link settings for Traditional Chinese, English, and Simplified Chinese), choose the 'Link' type. Select or input the sub-content for the chosen type (different types have distinct sub-content). Complete the link setup.
4. Click on the 'Multi-row Product Slider' on the right to expand the settings. → Fill in the 'Description' ('Description' is the shared content for the 'Multi-row Product Slider' and is unaffected by different tabs). You can edit content using the 'HTML tool' supporting editing in Traditional Chinese, English, and Simplified Chinese. → 'Tabs': The 'Multi-row Product Slider' is divided into four tabs to display store products. → 'Tab 1': Fill in the 'Tab Name,' requiring entries in Traditional Chinese, English, and Simplified Chinese. → Choose the 'Products to Display in the Tab' (different options have different selection rules) to complete the setup. Repeat the same settings for other tabs as described above
5. Click on the 'Brand Slider' on the right to expand the settings. → Choose the layout type: 'Slider' or 'Grid Arrangement.' If selecting 'Grid Arrangement,' further choose the display type. → Click on the '+' symbol to add a 'Brand Slider'; there is no limit to the quantity. → Shared settings for the 'Brand Slider' are configured.
For the 'Brand Slider,' configure the 'Image' settings. Click on the '+' symbol within 'Slider Images,' prompting the 'Manage Image Upload' window to appear. Click the 'Insert Image' '+' icon (or directly input the image URL), which will open the 'Select Image' dialog. Click on 'Free Gallery' (system-provided image gallery) or 'Choose Image' (local image). After uploading the image, click the 'Upload Image' button. Return to the 'Manage Image Upload' window. Finally, click the 'Insert Image' button to complete the upload of the 'Slider Image' (Slider Images are not language-specific).
For the 'Logo Slider,' in the 'Link' settings (language-independent), choose the 'Link' type. Select or input the sub-content for the chosen type (different types have distinct sub-content). Complete the link setup.
6. Click on the 'Pop-up Advertisement' on the right to expand the settings. → Fill in the 'Title,' requiring entries in Traditional Chinese, English, and Simplified Chinese. → Fill in the 'Ad Content,' editable using the 'HTML tool,' supporting editing in Traditional Chinese, English, and Simplified Chinese. → Click on the '+' symbol to add a button that triggers a pop-up. Fill in the 'Name' and 'Link' fields in the popped-up dialog. → Click 'Confirm' to add the button. → Complete the setup of the 'Pop-up Advertisement.
7. Click on the 'Single Row Product Slider' on the right to expand the settings. → Choose the layout type: 'Slider' or 'Grid Arrangement.' If selecting 'Grid Arrangement,' further choose the display type ('Subway,' 'Full Width,' 'Gallery,' 'List View'). → Fill in the 'Description,' editable using the 'HTML tool,' supporting editing in Traditional Chinese, English, and Simplified Chinese. → Choose the 'Products to Display in the Tab' (different options have different selection rules) to complete the setup.
Note：
For 'Subway' and 'Full Width' display types, there is no need to set 'Hide Layout Panel' or 'Grid Options.
For the 'List View' display type, there's no need to set 'Grid Options'; only set 'Hide Layout Panel.'
For the 'Gallery' display type, it is necessary to set both 'Hide Layout Panel' and 'Grid Options.
8. Click on the 'Banner' on the right to expand the settings. → Choose the image display type: 'Image' or 'Transparent.' → Shared settings for the 'Banner' are configured.
Setting up 'Banner' Image for the 'Banner': Click on the '+' symbol within the 'Banner,' prompting the 'Manage Image Upload' window to appear. Click the 'Insert Image' '+' icon (or directly input the image URL), which will open the 'Select Image' dialog. Click on 'Free Gallery' (system-provided image gallery) or 'Choose Image' (local image). After uploading the image, click the 'Upload Image' button. Return to the 'Manage Image Upload' window. Finally, click the 'Insert Image' button to complete the upload of the 'Banner.' This upload supports Traditional Chinese, English, and Simplified Chinese
Setting up 'Description' for the 'Banner': Edit content using the 'HTML tool' for the 'Banner' description. Editing is available in Traditional Chinese, English, and Simplified Chinese. The system will instantly save changes made during editing.
9. Click on the right-hand side "Product Tab" to expand the settings → Choose display mode: "Slider" or "Grid Arrangement" → Select "Display Type" (i.e., number of items displayed per page) → Choose whether to check "Hide Layout Panel" → Fill in "Description": Editable using the "HTML tool," supports editing in Traditional Chinese, English, and Simplified Chinese, completing the shared settings for the "Product Tab.
Tab Settings" for the "Product Tab": Display four tabs showcasing store items → "Tab 1": Fill in "Tab Name," requiring entries in Traditional Chinese, English, and Simplified Chinese → Choose "Select Items to Display in Tab" (different options have different extraction rules) to complete the setup. Set up the remaining tabs following the above procedure
10. Click on the right-hand side "Category Slider" to expand the settings → Choose type (Image, Text, Image and Text) → Select size: "Large" or "Small" → Shared settings for the "Featured Banner" are configured
Clicking on '+' adds a category slider, with no limit on quantity. Clicking the switch allows for enabling or disabling a category slider; the system defaults to enabled upon addition. Clicking the 'Delete' icon removes the corresponding category slider. Holding and dragging the 'Move' icon enables upward or downward movement of the corresponding category slider.
Note: Different sizes of "Category Sliders" are distinct. If set to 'Large,' upon switching to 'Small,' all settings for "Category Sliders" need to be edited again.
"Category Slider" Image Settings: Click on the '+' icon within "Slider Image" to open the "Manage Image Upload" popup → Click on the '+' icon to insert an image (alternatively, directly input the image URL) → A "Select Image" popup will appear → You can select from the "Free Gallery" (system-provided image library) or "Choose Image" (local images) → After uploading the image, click the "Upload Image" button → Return to the "Manage Image Upload" popup → Finally, click the "Insert Image" button to complete the upload for the "Slider Image" (Slider Images are not language-specific).
Category Slider" Category Name Setting: Enter the "Category Name," required in Traditional Chinese, English, and Simplified Chinese.
"Category Slider" Link Setting (not language-specific): Choose the "Link" type → Select or input the subcontent based on the chosen type (different types have distinct subcontent) → Complete the link setup.
11. Click on the right-hand side "Product Banner Group" to expand settings → Comprised of the "Left Slider," "Product Tabs," and "Single Banner.
Product Banner Group" Left Slider Setting → Fill in the "Tab Name," mandatory in Traditional Chinese, English, and Simplified Chinese → Choose the "Items to Display in the Tab" (different options have distinct extraction rules) to complete the setup.
Product Banner Group" Product Tab Setting → Display products in two tabs → "Tab 1," fill in the "Tab Name" in Traditional Chinese, English, and Simplified Chinese → Choose the "Items to Display in the Tab" (different options have distinct extraction rules) to complete the setup. Other tabs can be set up following the same process.
Single Banner" setup in the "Product Banner Set" → Click on the "+" within "Banner", triggering the "Manage Image Upload" pop-up → Click on the "+" to insert an image (you can also directly input the image URL) → Pop-up for "Choose Image" appears → Choose between "Free Gallery" (provided image repository) or "Select Image" (local images) → After uploading the image, click on "Upload Image" → Return to the "Manage Image Upload" pop-up → Finally, click on "Insert Image" to complete the banner upload. This allows for the upload of banners in Traditional Chinese, English, and Simplified Chinese.
12. Click on the right-hand side "Product Filter" to expand the settings → Fill in the "Title", required in Traditional Chinese, English, and Simplified Chinese → Choose "Background Settings", either "Image" or "Transparent" → Complete the setup.
13. Click on the right-hand side "Recommended Products" to expand settings → Choose layout type: "Slider", "Grid Arrangement". For "Grid Arrangement", select display types (e.g., Subway, Full-width, Gallery, List View) → Fill in "Description", editable in Traditional Chinese, English, and Simplified Chinese using the HTML tool → Choose "Select Products to Display in Tabs" (Different selections have different extraction rules) to complete the setup.
For "Gallery": Optional selection to toggle "Hide Layout Panel" → Choose "Grid Options" to finalize "Gallery" setup.
注意：
For display types like Subway and Full-width, there is no need to set "Hide Layout Panel" and "Grid Options".
For the List View display type, only set "Hide Layout Panel".
For the Gallery display type, set both "Hide Layout Panel" and "Grid Options"
14. Click on the right-hand side "Services" to expand settings → Choose tag type: "3 Tags" or "4 Tags" → Complete common settings.
Product Tabs" Tab Settings → For "Tab 1", fill in "Tab Name", required in Traditional Chinese, English, and Simplified Chinese → Click on "+" to upload a tab image → Utilize the "HTML Tool" to fill in "Text", required in Traditional Chinese, English, and Simplified Chinese → Complete setup.
15. Click on the right-hand side "Single Banner" to expand settings → Choose display percentage: "100%", "75%", "50%", "25%".
Single Banner" → Banner Settings → Click on the "+" within "Single Banner" to open the "Manage Image Upload" pop-up → Click on the "+" to insert an image (or enter the image URL directly) → "Select Image" pop-up appears → Choose either "Free Gallery" (system-provided image library) or "Select Image" (local images) → Upload the image, click on "Upload Image" button → Return to "Manage Image Upload" → Finally, click on "Insert Image" button to complete the upload of the banner. This process supports uploading banners in Traditional Chinese, English, and Simplified Chinese.
「單幅橫幅」的「說明」設置 → 可在「html工具」中編輯內容,可編輯繁體、English、简体,編輯后系統會即時保存。
"Single Banner" → Link Settings (No Language Differentiation) → Choose the "Link" category → Select or input the respective sub-content based on the chosen category (different categories have varying sub-content) → Complete link configuration.
16. Click on the right-hand side "Floating Ad" to expand settings → Click on the '+' within "Image," prompting the "Insert Image" window to appear → Click on the '+' for inserting the image → A local "Select Image" dialog box pops up → Upon selection, the upload is successful (image upload does not differentiate between languages) → Post upload, the "Image" can be clicked.
"Floating Ad" → Link Settings (No Language Differentiation) → Choose the "Link" category → Select or input the respective sub-content based on the chosen category (different categories have varying sub-content) → Complete link configuration.
17. Click on the right-hand side "Custom Category Slider" to expand the settings → "Title": Editable using the "HTML tool," supports editing in Traditional Chinese, English, and Simplified Chinese → Choose "Type": options include "Image," "List," "Image and List" → Checkbox option available for "Hide View More Button" → Shared settings for the "Custom Category Slider" are configured.
Setting up 'Sliders' for the 'Custom Category Slider': Clicking on the '+' adds a slider, with no limit on quantity. Clicking the switch enables or disables a slider; by default, it's enabled upon addition. Clicking the「
Setting up 'Description' for the 'Custom Category Slider': Edit content using the 'HTML tool' for the description. Editing is available in Traditional Chinese, English, and Simplified Chinese. The system will instantly save changes made during editing.
Setting up 'Slider Image' for the 'Custom Category Slider': Click on the '+' symbol within 'Slider Images,' prompting the 'Manage Image Upload' window to appear. Click the 'Insert Image' '+' icon (or directly input the image URL), which will open the 'Select Image' dialog. Click on 'Free Gallery' (system-provided image gallery) or 'Choose Image' (local image). After uploading the image, click the 'Upload Image' button. Return to the 'Manage Image Upload' window. Finally, click the 'Insert Image' button to complete the upload of the 'Slider Image' (Slider Images are not language-specific).
Setting up 'Category Name' for the 'Custom Category Slider': Enter the 'Category Name,' requiring entries in Traditional Chinese, English, and Simplified Chinese."
up 'Link' for the 'Custom Category Slider' (language-independent): Choose the 'Link' type. Select or input the sub-content for the chosen type (different types have distinct sub-content). Complete the link setup.
ebixPRO © All rights reserved