Data feed file integration price comparison shopping script

Documentation Wiki - DataFeedFile.com - Online merchant datafeed integration for affiliates : dffPSECSS

HomePage | Categories :: PageIndex :: RecentChanges :: RecentlyCommented :: Login/Register
Home Affiliate FAQ Merchant FAQ Examples Merchants Networks & Programs Forum Blog Wiki Knowledge Base Login

Price Search Engine (PSE) with CSS tags output

this version of PSE is also known as W3C XHTML 1.0 Strict Compliant CSS Search Engine or PSE version 2.

What is the difference?
PSE CSS v.2 is produce exactly the same data content as our original PSE version 1.
The only difference is the output format. Instead of output HTML already fully formatted by default or already formatted using DFF Template, version 2 output purely customizable CSS compliant HTML output. Since CSS is cascading, you can override or set any of the CSS elements (DIVs and SPANs) with your own set of CSS styling.

How to Call or Include for Price Search Engine version 2?
<?php include('http://www.datafeedfile.com/dffphp_script_search_index2.php?dffget_affid=...&'.$_SERVER['QUERY_STRING']);?>


How to set PSE v2 DIVs and SPANs
In order to override the IDs and CLASSES of the output of PSE v2 you have to know what are all the available IDs and SPANs you can modify.
If you are a hard core developer you can just examine the output and examine which CSS IDs / Class you would like to change.
To make customization easier we have provided example of CSS style file for each of the different type of display styles (List and Grid view).

See Example CSS for:


Second part of PSE -> Product Price Comparison PPC
Price search engine only list products and seldomly PSE will actualy list merchant product which has direct link to external link.
Most of the links from the PSE will go to PPC (Product Price Comparison) which is a second part of PSE (you do not have to change the calling script to DFF).
Because of this transparent linking between PSE and PPC, the same CSS output functionality is also inherited. We have also included the PPC CSS Example on the list above.

Toggling between Display Modes
To toggle between display modes see this page.


Cool things you can do to change layout using PSE CSS v2


Turning off the Search Bar

You can turn off the seach bar by specifying the following CSS attribute:

div#dff_search div#dff_searchbar { display:none; }


Turning off the Searchpath/Breadcrumb Bar

You can turn off the seachpath/breadcrumb bar by specifying the following CSS attribute:

div#dff_search div#dff_searchpath { display:none; }


Turning off the Sidebar

You can turn off the sidebar by specifying the following CSS attribute:

div#dff_search div#dff_sidebar { display:none; }



Using your own No Image Thumbnail instead of DFF's generic one

You can change the generic no image thumbnail with your own image.
Click here to learn more about this alternate image feature.


There are no comments on this page. [Add comment]

Integrate price comparison shopping data feed file from thousands of online merchant product data feeds | Valid CSS

Page was generated in 0.0276 seconds