(→For the overall site layout you can use any of the following methods:) |
(→For the overall site layout you can use any of the following methods:) |
||
Line 5: | Line 5: | ||
==For the overall site layout you can use any of the following methods:== | ==For the overall site layout you can use any of the following methods:== | ||
<ol> | <ol> | ||
- | <li>Use one of our templates. You are still able to override CSS by inserting it into the HEAD of your pages. You can override CSS by placing your own css in your admin panel under General Settings -> HTML Inserts -> Section 4 | + | <li>Use one of our templates. You are still able to override CSS by inserting it into the HEAD of your pages. You can override CSS by placing your own css in your admin panel under General Settings -> HTML Inserts -> Section 4.</li> |
- | <li>Use Design 5 (CSS Template for Advanced Users) with Product Page Version 2.0). Using this option, the site is mostly rendered with container DIVs. You can then create your own CSS and graphics. User's who use this option also typically use the option to use their own home page HTML | + | <li>Use Design 5 (CSS Template for Advanced Users) with Product Page Version 2.0). Using this option, the site is mostly rendered with container DIVs. You can then create your own CSS and graphics. User's who use this option also typically use the option to use their own home page HTML. Tables are only used for some of the product detail layouts. The tables that are used have classes or IDs and can be modified. We also automatically include jQuery which can be used to override almost any page element. This option is provided for legacy support, Product Page Version 2.1 is now the recommended option.</li> |
<li>Use Design 5 (CSS Template for Advanced Users) with Product Page Version 2.1. This option will output a tableless version of all menus, product detail pages, etc. You will need to entirely create your own CSS. Some options, such as product detail image gallery and zooming features are still provided. | <li>Use Design 5 (CSS Template for Advanced Users) with Product Page Version 2.1. This option will output a tableless version of all menus, product detail pages, etc. You will need to entirely create your own CSS. Some options, such as product detail image gallery and zooming features are still provided. | ||
</li> | </li> |
See also: http://www.efcmailserver.com/wiki/index.php/General_Settings_Advanced
If you'll be customizing our templates with our own CSS there are two ways this can be accomplished:
The title bar is composed of the following:
[Category or Collection Name][Style Number][Product Short Description][Global Title Bar text which is set in General Settings -> HTML Inserts -> 1 ], in that order.
To edit the title element for a specific category go to "Edit Collection/Category Details" called "Title of this Collection/Category for HTML "TITLE" element if different from above". This will override the collection name if given, otherwise the collection name is used. This will also be used as the automatic add-in for the meta tags.
To edit the Title element for a specific product, go to "Manage Products" -> Navigate to a product and click "Edit", enter the new Title in "Product HTML Title Override". You can also edit META keywords/description for the product here in "Product META Keywords Override" and "Product META Description Override". Enter only the keywords/description, not the entire META tag.
The maximum height of photos in the slideshow is the same as the height set in "Slide Show Settings" -> "Slide Show Height". If you upload photos when the slide show height is set to 457px, for example, and later update the slideshow height to 700px, you will need to re-upload the photos again so the server can resize them to the new height.
You can include any jQuery/javascript/Flash/etc content you want in the Home Page Builder and custom homes pages. However, some developers find it helpful to use the built in slideshow (Manage Home Page -> Misc Site Look and Feel -> Manage Home Page SlideShow) to make it easier for clients or other employees to update the slideshow. If you don't want to use the Flash based slideshow and still want to have the client/employee use the management tools in the admin (Manage Home Page -> Misc Site Look and Feel -> Manage Home Page SlideShow) you can integrate the XML file used by the Flash slideshow into your own custom script. The XML file is: http://efashioncentral.com/xbasecode/slideshow/images.xml?EfId=YOUR_3DIGIT_CLIENT_ID
If other clients/employees will be updating home page text but you don't want them using the Home Page Builder to do so, you can have them use the text fields in "Manage Home Page" and just insert the placeholder keywords [HomeText] [HomeTextAlt1] [HomeTextAlt2] or [HomeTextAlt] within the home page builder text area where you want each respective field to be inserted. These correspond to the "Your current home page text:", "Text which will appear above the featured products", "Text which will appear below the featured products" and "You can enter text in the box below that will be shown in its place", respectively.