Basic html structure – equinux iSale 5.9.7 User Manual

Page 86

Advertising
background image

auctionFoot

eqLayoutContainer

pageContent

title

endText

To change the CSS, please complete the following steps:
‣ Open the file eqTemplate.html in your preferred text editor
‣ Locate the CSS class definitions
‣ Change the CSS code to fit your needs
‣ Save eqTemplate.html in your template folder

Note

External CSS files are not supported, so all style direc-

tives need to be part of eqTemplate.html.

Basic HTML structure

iSale 5 introduces the new graphical layout editor which can be
used for adding and removing content blocks in a template when
editing the auction. However, a basic HTML structure has to be
defined in the template’s HTML file.

The HTML code consists of a table with three rows, where the first
one (auctionHead) holds the template’s header image and auc-
tion title, the second one (auctionContent) the editable area

where you can drop text or picture placeholders and the third
one (auctionFoot) the template footer artwork and text field.

The auctionContent row contains a div element which takes the
following form:

<div id="eqLayoutContainer" class="pageCo-
ntent"></div>

This div will hold all your auction’s content that can be added in
the application using the layout editor and is therefore required.

86

Advertising