Developers

From eStyleCentral Help
(Difference between revisions)
Jump to: navigation, search
(→For home page customization you can use any of the following methods:)
Current revision (14:44, 21 July 2023) (view source)
(→Customizing the Built-in Slide Show)
 
(22 intermediate revisions not shown.)
Line 3: Line 3:
-
==For the overall site layout you can use any of the following methods:==
+
==Overall Site Layout==
 +
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. Tables are used to "hold" the layout together.  As of 2011 there is still no way to implement a 3 column, 3 row, full/equal height liquid layout using DIVs.</li>
+
<li>Use one of our templates.  You are 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. eStyleCentral Platform Version 3+ is built with HTML5 and Bootstrap and can be customized extensively with CSS to achieve most desired formats.</li>
 +
<li>Use your own HTML/CSS under General Settings -> HTML Inserts -> Advanced and insert magic variables to include CMS elements like navigation, social media icons and logo.  A starter responsive HTML base is available, contact support for more information. </li>
 +
 
-
<li>Use Design 5 (CSS Template for Advanced Users). Using this the site is esentially 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. See section 2.c. Tables are only used for some of the product detail layouts. The tables that are used have classes or IDs and can be modified quite a bit. The tables restrict the order and general position of items within them more than DIVs would and this is intentional to give us more predictable results when we make changes in the future. We also automatically include jQuery which can be used to override almost any page element.</li>
 
-
</li>
 
</ol>
</ol>
-
==For home page customization you can use any of the following methods:==
+
==Home Page Customization==
 +
For home page customization 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.
- you can also specify your own CSS file to use in General Settings -> Advanced -> Misc Settings -> Advanced Settings -> "You can change the file your CSS links to here (note: advanced users only):".   
- you can also specify your own CSS file to use in General Settings -> Advanced -> Misc Settings -> Advanced Settings -> "You can change the file your CSS links to here (note: advanced users only):".   
</li>
</li>
-
<li>Use the Home Page Builder.  The Home Page Builder was created for web designers so they could use the eFC program to create a custom home page (still within certain specifications, but much more flexible then the standard eFC platform). Knowledge of HTML and CSS is required as is the ability to create graphic images to specific sizes to fit properly within the structure of the template. To access this click "Manage Home Page" and clicking on "Try the new home page builder (beta): Click here" then clicking on "Submit", checking "Ecommerce Style Layout", then "Submit". If you do not see the "Try the new home page builder (beta): Click here" option, please contact us via support ticket in order to enable it for your account.  This option can now be used with the Design 5 Adavanced CSS Template.
+
<li>Use an advanced HTML box within the Home Page Manager to insert your custom HTML.
-
</li>
+
-
<li>Use your own HTML. If you want total control over the home page code you can paste in the entire HTML of your home page. To access this go to "General Settings" -> "Advanced" -> (scroll all the way down) "Design 5 (CSS Only) Settings": Check " I am using my own HTML for my home page" and enter the HTML in the "Custom Home Page HTML" box. Note: This method will break any integration with the Collection/Category menus, featured styles and slideshows. To customize your home page and still keep these features integrated, use the "Home Page Builder".
+
</li>
</li>
 +
</ol>
</ol>
 +
See also: http://www.efcmailserver.com/wiki/index.php/General_Settings_Advanced
-
==Customizing eFashionCentral's Templates==
+
==Customizing the Built-in Slide Show==
-
If you'll be customizing our templates with our own CSS there are two ways this can be accomplished:
+
The built in home page hero/slider can be disabled upon request so you can drop in an alternative option using an advanced HTML module.
-
<ol>
+
-
<li>(recommended) You can 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. This is the recommended method because any future classes we need to add for new features will also be added to your web site for better compatibility.</li>
+
-
<li>You can also specify your own CSS file to use in General Settings -> Advanced -> Misc Settings -> Advanced Settings -> "You can change the file your CSS links to here (note: advanced users only):". If you use this method your website won't be updated with new CSS classes used for new features.  You would need to add these manually.
+
-
</li>
+
-
</ol>
+
==Title Element Composition==
==Title Element Composition==
The title bar is composed of the following:
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. Instead I have added a field in "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.
+
[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. <br><br>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.
 +
<br><br>
 +
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.

Current revision

Contents

Information for Developers

Overall Site Layout

For the overall site layout you can use any of the following methods:

  1. Use one of our templates. You are 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. eStyleCentral Platform Version 3+ is built with HTML5 and Bootstrap and can be customized extensively with CSS to achieve most desired formats.
  2. Use your own HTML/CSS under General Settings -> HTML Inserts -> Advanced and insert magic variables to include CMS elements like navigation, social media icons and logo. A starter responsive HTML base is available, contact support for more information.


Home Page Customization

For home page customization you can use any of the following methods:

  1. 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. - you can also specify your own CSS file to use in General Settings -> Advanced -> Misc Settings -> Advanced Settings -> "You can change the file your CSS links to here (note: advanced users only):".
  2. Use an advanced HTML box within the Home Page Manager to insert your custom HTML.


See also: http://www.efcmailserver.com/wiki/index.php/General_Settings_Advanced

Customizing the Built-in Slide Show

The built in home page hero/slider can be disabled upon request so you can drop in an alternative option using an advanced HTML module.

Title Element Composition

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.

Retrieved from "http://efcmailserver.com/wiki/index.php/Developers"
Personal tools