Technology

iBlick Finder represents the next generation of web applications and is built in JavaScript/Ajax and compatible with all modern web browsers.


Interaction

It is possible for any part of your web site that supports JavaScript to interact with iBlick Finder. Both Instant Search adjustments and currently viewed product range can be controlled. A pressed menu link could for example result in iBlick Finder displaying only products of a certain category.


Links and bookmarks

Each state in the product finder, such as any combination of filter settings, current layout etc. is represented by a unique link that can be bookmarked and used when linking to the product finder.



Product data

The data file is created once and will then be used by iBlick Finder to access the database containing product information every time iBlick Finder updates. While a normal product page outputs certain information on a single product, the data file outputs all information on all products. Basically you use the same kind of database connection from a server side script as you would to create a product page.

Output all product information in a comma-separated list, make sure that;

  • Any attribute value containing the field separator is surrounded by quotation marks ()"
  • All categories and supercategories that a product belongs to exist as separate attributes
  • Products occurring in more than one category are written several times in the data file (one time per occurrence)
  • All products has the same number of attributes


    • Example

    Example 1 shows a data file containing three products.

    Example 1

    PRODUCT_ID;IMAGE;PARENT;GRANDPARENT;DESCRIPTION;PRICE
    1;1.jpg;Apple;Mp3-players;Apple ipod 40GB;1990
    2;2.jpg;Sony Ericsson;Phones;Sony Ericsson mobile phone;1000
    3;3.jpg;Nokia;Phones;Nokia mobile phone;1299
    3;3.jpg;Special offers;;Nokia mobile phone;1299

    Download example csv file here

    		 DataSpec BlickSearch
    Data specification
    In Swedish.


    Add iBlick Finder to your web site

    It's incredibly easy to add iBlick Finder to your web site and to take advantage of all its strengths. As easy as adding a link! Feel free to paste the code sample below at your own web page.

    Iframe
    The iframe tag is especially useful if your web site does not make use of a frameset. The iframe defines an area where iBlick Finder will be added and can be positioned anywhere on a web page.

    Iframe sample code
    <iframe src="http://www.iblick.com/public/camerademo/small/eng/" width="290" height="420" NORESIZE SCROLLING=NO HSPACE=0 VSPACE=0 FRAMEBORDER=0 MARGINHEIGHT=0 MARGINWIDTH=0></iframe>