Learn How You Can Market Trendy Products Via Setting Up Your Look Book?


As internet penetration is growing, more and more businesses are pushing their services online, thus having a portfolio page on your website depicts your bestselling, unique or trending products has become important. It helps you portray your best foot forward.

Having a look book or a portfolio not only beautifies your website but also boosts your product visibility. Adding a portfolio page to your existing eCommerce website allows you to share and showcase your work easily to relevant audience. It hits on the impulsive psyche of the customers, giving them reasons to purchase the products with direct ‘Buy Now’ link. Industry trends depict a significant hike in the sales of the eCommerce website who are exploring this functionality.

 Quickly understand the benefits the feature brings on table:

  1. Professional way to showcase your work
    Building a website about your brand and experience is a polished way to share your expertise with others. Users feel engaged with your brand.
  1. It’s a great first impression
    In the chaos of numerous eCommerce website, this feature can definitely be a show stopper. Featuring work samples, recommendations, previous presentations and more, will be a killer first impression.
  1. Increases your visibility and online presence
    When a potential user Googles your name, your professional portfolio will be one of the first search results that pops up.
  1. Flexibility
    With the click of a button, you can change content, videos, copy and pictures on your online portfolio page. You can also constantly create new content to add to your site to show your work.
  1. Direct CTA
    You can have your product page linked to the images in the portfolio page and users with the ‘Buy Now’ button.
  • Visually beautiful & customisable
    You can define your own html/CSS; the dimensions of the image and the page can also be altered as per requirement.

Follow the below steps to install the portfolio app:

  1. Login to your store’s admin panel
  1. Navigate to ‘Advance Features’ section in the left menu.


  1. Search for ‘Portfolio App’ and click on install.


  1. Once the app is successfully installed you will see a ‘Setting’ button, click on it.


  1. Gallery Category listing page will open, as shown in the screenshot below.


  1. Fill all the columns as per your requirement. You can also refer to the below explanation for better understanding of the fields
    • Column Setting: This helps set no. of columns for the category page.
    • HTML/CSS editor: This lets you modify the look and feel of this page.
    • Thumb and hover image size: Define the size of category image for this page.
    • Meta title: Meta title information for this page.
    • Meta Keywords: Meta information for this page.
    • Meta Description: Meta description information for this page.
  1. Now click on add & fill all the fields as described below:

    • Thumb Image: Image that you want to display
    • Thumb Alt text: Alt text of the above image
    • Hover Image: Image that may come after your mouse hover on the above image
    • Hover Alt text: Alt text of the hover image
    • Column Setting: Number of columns for the page that will come after clicking on the category image.
    • Gallery Category Group: You can create two category pages; to differentiate between the two pages you need to assign values to this field.
    • HTML/CSS editor: This will edit the image listing page.
    • Sort Order: This will decide the position of the category on the category listing page.

P.S. – ‘Gallery category group’ combines all the defined categories in 2 parts – G1 & G2, links for both could be placed in the mega menu explicitly.

All the categories specified as G1 in ‘Gallery category group’ field will be displayed under the same menu item.

  1. When you click on ‘Save’ you would be redirected to the ‘Gallery Category Listing’ page, fill all the general setting on the page using the below explanation:
    • Gallery category: Display the name of the category you are adding images to.
    • Thumb and hover image display: Define the image dimension
    • Large Image display size: Define the pop-up image dimension
    • Meta title: Meta title information for this page.
    • Meta keyword: Meta keyword information for this page.
    • Meta description: Meta description information for this page.
  1. To add images in the category click on ‘Add Images’ link as shown below


  1. Clicking on that will take you to ‘Gallery Images’ page
  1. Fill all the important fields in the page using the below explanation
  1. Scroll down to ‘Image List’ & ‘Video List’ sections, click on the below icon


  1. A sub section opens up where you need to select upload Thumb, hover & large image; add a title & sort order.


You can also link the portfolio image with a hyper link of the product. If you mention the hyper link here, on the front end users will see a ‘Buy Now’ button. On clicking on that they would be redirected to the respective product page.

  1. The app also gives you the functionality to add videos in your portfolio.


  1. Click on ‘Save’ to create submit the portfolio category successfully
  1. Click on ‘Gallery Category’ button, then click on ‘Add’. Follow all the above steps to add the portfolio category

How you can display it on your website:

You can keep the below pre-defined urls handy & place them in the menu when the above process is completed.

This are gallery category pages:

Page 1: http://{storename}.kartrocket.co/index.php?route=product/gallery/group_1

Page 2: http://{storename}.kartrocket.co/index.php?route=product/gallery/group_2

This is gallery category page that shows the categories that exists in both the above pages.

Page 3: http://{storename}.kartrocket.co/index.php?route=product/gallery

Replace {storename} with the name of your website

KartRocket has empowered 3000+ entrepreneurs, SME’s and retailer with their online stores. It is not just a website builder platform, it’s an end to end eCommerce solution with all the features you require to create an online store, run & grow your online business.

Puneet Bhalla

Leave a comment

Your email address will not be published. Required fields are marked *

Thank You for contacting us. Our executives will call
you shortly.