The Product Catalog / Portfolio module is a catalog screen where you can show your products and services with photos, descriptions, and features to your users. If you have a restaurant or a similar business, you can show your menus from this screen. If you want to create a mobile application that includes clothing, jewelry, electronics, etc., you can display your products.
How Can I Add the Product Catalog / Portfolio Module to My Application?
To add the Product Catalog / Portfolio module to your application, you can click on the Content tab on the left side of your control panel to see the Active Modules. Then, you can use the Add to App button below the Product Catalog / Portfolio module to add it to your mobile application’s content.
When you click on the Content tab on your control panel’s left side, you can see Active Modules. You can add the Product Catalog / Portfolio module to your mobile application by clicking the Add to Application button below the module.
As you can see on the screen, the Product Catalog / Portfolio module consists of 3 steps.
Step 1: Settings
Title: You can enter the name of the Product Catalog / Portfolio module you want to add to the application from this field.
Subtitle: If desired, you can create a subtitle for the Product Catalog / Portfolio module from this field.
Catalog Image: It is the image that represents the first catalog screen that will appear when you enter the Product Catalog / Portfolio module from your mobile application. The size of the image you will add should be 300 × 150 pixels and in PNG, JPG, or JPEG format.
To activate the Settings step you have added and proceed to the next steps, you need to click on the save button located in the top right corner.
Step 2: Categories
When you go to the Categories step,
If you receive the message “To add a category, enter your screen’s settings from the Settings section and save” you can check out the article “Getting an error while adding the Product Catalog module settings?“.
If you see the following screen after saving the Settings step, you can continue adding your module without any problems.
You can add a new category by clicking on the “Add New Category” button on the screen that appears.
Title: You can enter the name of the category you want to add that will appear in your application from this field.
Subtitle: You can create a subtitle for your category from this field if you wish.
Category Image: This section represents the first category screen that will appear when you enter the category you want to add to your mobile application. The size of the image you will add should be 300×150 pixels and in PNG, JPG, or JPEG format.
Category List Image: You can add an image to the list screen of the category you want to add from here. The size of the image you will add should be 100×100 pixels and in PNG, JPG, or JPEG format.
Once you have entered the required information, click on the save button.
When you save your category, it will be created without any issues in your iOS or Android application. Now, you can proceed to the Products step.
Step 3: Products
Once you move on to the Products step,
You will see a structure similar to the category screen. With the “Add New Product” button’’,
Title: You can enter the name of the product you want to add to the application from this field.
Subtitle: You can create a subtitle for the product you want to add from this field if desired.
Description: You can enter the descriptions of the product you want to add from this field.
Categories: You can choose the category of the product you want to add from here. You can choose your category from the ones you created in the categories section.
Link: If the product you want to add has a web page link, you can enter it here. The link you entered will appear as a purchase button in the mobile application. Users who click the button will be directed to the address where your product is located on your website.
Price: You can determine the price of the product you want to add from this field.
Images: You can add images of the product you want to add in 300×300 pixel size and in PNG, JPG, or JPEG format.
When you complete the required fields, you can add the Product Catalog/Portfolio module to your Android/iOS application by clicking the save button on the new product add screen first, and then the save button in the top right corner.