Using the Reseller Features Script

To display an unbranded list of CMS features on your own website, simply cut and paste the following code snippet into the HTML of your website.

<script type="text/javascript" src="http://publishpath.com/scripts/cmsfeatures.js"></script>

See an example of an unstyled features list.

You can style the features list in one or two columns

We have balanced the content on the features list into two columns. Each column is wrapped in a div. By default, the divs display one after the other, creating a single column of features that fills its containing element. By applying styles to the divs, you can format them to display in two-column form. Here are the CSS statements we use to create a two column effect on our product sites.

#featuresColOne { float: left; margin-right: 5%; width: 47%; }
 #featuresColTwo { float: right; width: 47%; }

You can hide features on the list

You may determine that some of the features on the list do not apply to your business or your clients. You can hide a feature by setting the display property for the feature's unique class to none in the CSS. As an example, here you see the code for the "Simple Website Management" feature:

<div class="feature_icon simple_website_management"></div>
 <div class="feature_desc simple_website_management">
<h3>Simple Website Management </h3>
<p> Create pages, add and edit content, and build a website and store with easy-to-use tools </p>
 </div>

You can hide this feature by adding the following to the CSS:

.feature_icon.simple_website_management, .feature_desc.simple_website_management {display: none;}

You can add your own icons

By default, none of the entries on the features list include icons. You can use your own icons to match the theme of your site by specifying them in the CSS. For example, you could add the following entry to your CSS to add an icon for the Simple Website Management entry in the feature script.

.feature_icon.simple_website_management {
     float: left;
     display: block;
     width: 25px;
     height: 25px;
     margin: 0 10px 10px 0;
     background: url("link-to-your-image-here.jpg")
}

Common Questions

Back to top

Terms     Privacy

© 2020 Oracle America