Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Section

Backend Configuration (Admin side)


Panel

  • EnableonFrontend: This option will enable/disable, Look N Buy functionality from frontend.
  • ShowLookNBuylinkon: It gives you two options to show link for look n buy with Top Links or Top Navigation menu.
  • LinkTitle: Give title to link for look n buy page.
  • HeaderTitle: Page title of look n buy page.
  • LookNBuyPageURLKey: Define DEO SEO friendly URL key for page.
  • LookNBuyPageURLSuffix: You can also define suffix for page if needed.
  • LookNBuyPageLayout: You can select the page layout to for page.
  • LookNBuyDiscountLabel: You can define label text for discount.
Panel


Panel

  • Enable Facebook Sharing: Specify "Yes" to enable facebook Facebook sharing Specify "Yes" to enable face book sharing
  • App ID: Specify app ID to authenticate facebook Facebook app.
Panel

  • Enable Twitter Sharing: Specify "Yes" to enable Twitter sharing
Panel

  • Enable Pinit Sharing: Specify "Yes" to enable Pinit sharing
Panel

  • Image: Upload tooltip tool tip marker image, if you wish to changes to fix with your theme/template.
  • Width: Marker image width.
  • Height: Markup image height.
  • Font Color: You can set font color of toot tip text.
  • Background Color: set Set background color of tool tip.
  • Font Size: set Set font size for tool tip.
  • Opacity: set Set Opacity for tool tip.


Section

Backend Functionality


Panel

As shown with above screenshots, you will find list of created looks. It shows basic information with grid like ID, image, look name, discount if applied and status of look.

Panel

General

  • LookTitle: Set the title of look you are creating.
  • URLkey: You can set SEO friendly URL of look page.
  • BaseImage: Upload main image of look, based on which you will be creating a look.
  • Discounttype: Here, you can define type of discount, if customer purchase whole look. This can be Fixed or Percentage.
  • Discount: Discount amount based on discount type. If you have set discount type to percentage, discount will be applied on total cost of look else it will be fixed amount of discount.
  • Status: You can disable a look here.
  • Layout: It provides two type of layout for look, 1 column and 2 columns. You can select layout for your looks based on Base image of look. 
  • If your design is horizontally broader, you can select 1 column layout. With this, image will be displayed horizontally covering full page size, following with products of look.
  • If you set to two-column, look image will listed on left side where as all products will be listed on right hand size of the page.
  • Description: You can describe the look you are creating.
Panel

Meta Data

  • Keyword: Here you can set Meta keywords for particular look detail page.
  • Description: Set Meta description for look detail page.
Panel

You can select products available/index to particular look. You can search product based and select to include with look. For selected product you can define product quantity to complete look.

Once you done with product selection, you have to save the look. Once you salve save look you will have access to next tab called Add Markers. This one is main part and important to create look. Here you can define mark point and represent the products.

Panel

As you can see with above screenshot, the main image of look is on top and all assign/added products are listed below of images. The look image is covered with JS marker area. You only have to click the point where you need to add marker/tag product on look image.

Panel

Once you add marked on look image, there would be two action buttons next to marker image. One is for selecting product for marker/tag and another is delete marker image. 

...