Instructions

TO INSTALL:

1. Back up your current web site installation (files & database) unless you're starting from scratch
2. Unzip the downloaded file to your computer
3. Install or upgrade to the latest version of CMS Made Simple as per the documentation
4. Install the modules CMSExtensions and SmartImage
5. Optional: if you'd like to use the supplied contact form, install the module SmartForms (and Captcha, if desired)
6. Go to Layout » Design Manager
   • Click on the Designs tab, and choose Import Design
   • Choose the design XML file (Marquee.xml) from the downloaded package, and click next
   • Confirm and proceed

TO USE:

1. In Design Manager (DM), go to the Designs tab and set the imported design to default (optional)
2. Still in DM, go to the Templates tab and open up the MarqueePageSub template (or the one you think you'll use most frequently), set Default to 'yes' under the Advanced tab, and submit.
3. In Content Manager, switch your pages to use the new design and templates (hint: use the bulk action "set design & template" if you have lots of existing pages). You may also wish to clean up (delete) any existing designs and templates.
4. Set your Home page to use the MarqueePageHome template. The Content field here will mostly be ignored, but the first ~200 characters will be used for the meta description tag if you don't fill out the Description field. Edit the 'Number of articles to show in News Slider' field if you wish to show a different amount than the default 5.
5. Create or modify a page called News, ensuring it has the alias 'news' (if you wish to use a different alias, you will need to modify a few templates. Use Admin Search to search for {$detail_page='news'} and change them accordingly)
6. On your News page, go to the Options tab and choose 'MarqueePageNews' as the template, then check 'Disable WYSIWYG editor on this page'
7. Still on the News page, under the Main tab, copy and paste {include file='cms_template:MarqueeContentNews'} as the Content, and submit.
8. Go to Site Admin > Settings - News module
   • Add any Categories you'd like to use
   • Under the Options tab, set the Default page to use for details views as your News page and Submit
   • Under the Field Definitions tab, add the following fields, exactly as spelled, case sensitive. If you are not going to use videos or tagging, you can omit those fields, but Image is required:
     • Image (Linked file, public)
     • Tags (Text Input, public)
     • Video (linked file, public)
     • Youtube (Text Input, public)
9. Under Content > News, add some News articles.
10. Create any other content pages you like. Pages with Home as their parent will appear in the navigation on the bar just above the footer, and top level pages will appear in the footer navigation.
11. If you are using SmartForms, import the MarqueeContact.smtfm into the module and set up the handlers and validators as per the module instructions. Use {SmartForms form="MarqueeContactSF"} where you would like the form to appear. If you install and configure the Catpcha module, the Captcha will be added to the form automatically (reCaptcha is recommended, you may need to adjust the template if you are using another library).
12. Add some news articles!
    • Images should be at least 1200px wide. They will be resized automatically, and cropped for use in the slider and thumbnails.
    • To use the tagging feature, simply enter a comma separated list of tags in the Tags field when creating/editing a News article. e.g. "popular,video,puppies" Do not include a space after the comma.
    • For locally-hosted videos, upload the mp4 file in the Video field.
    • For YouTube videos, enter the video ID (only) in the Youtube field.

×

Instructions

Setting up an eCommerce site is a fairly complex task, but the Prolific theme attempts to make it as easy as possible. Please note that some knowledge of CMSMS, web development, and eCommerce is going to be needed. Some basic Smarty knowledge will help with any customization you'd like to do. The included support from EasyThemes is limited to the installation of the design only, and not the full implementation of an eCommerce site. (Paid support is available if you get stuck, however!)

Step 1: Install CMSMS

tip: select Advanced Install and don't include default content -configure as per the documentation at https://docs.cmsmadesimple.org

Step 2: Install Modules (required unless specified):

• CMSMailer (not installed by default)
• Captcha (optional)
• CGExtensions
• CGEcommerceBase
• Cart2
• CGPaymentGatewayBase
• CGSimpleSmarty
• CGSmartImage
• FormBuilder (optional - used for contact form)
• FrontEndUsers (IMPORTANT: use the latest 2.x version downloaded directly from the Forge. FEU 3.x is currently not supported).
• JQueryTools
• LISE (optional - slider)
• Orders
• Products
• optional: install a Payment Gateway of your choice (not included as part of this theme)

Step 3: Import the Design

Design Manager > Designs > Import Design (Prolific.xml).

Set as default design (optional).

tip: in Design Manager, apply a filter to show just the Prolific design (reduces clutter).

Step 4: Set Default Templates

In Design Manager > Templates, open each of the following templates and set as default:

• prolific_page_sub
• prolific_hierarchy_view
• prolific_products_detail
• prolific_products_summary
• prolific_news_detail
• all prolific_feu_* forms except the three ending in _top

Step 5: Content Manager

Open Home page and set design to Prolific and Template to prolific_page_home

create the following required pages:

• checkout page (use the alias 'checkout'), Under the Navigation tab, set to not show in menu (optional). Disable wysiwyg for this page, and add the {Orders} tag into the content field.
• products page containing the tag {Products}.

create the following optional pages:

• News page using the prolific_page_full template and paste {News summarytemplate="prolific_news_summary"} into the Content field (ideally, disable wysiwyg for this page).
• Contact page using the prolific_page_sub_form template, and add the {FormBuilder form='contactAbide'} tag into the content. (ideally, disable wysiwyg for this page).
• FEU module landing page, e.g. "members" and add the {FrontEndUsers} tag to the content (ideally, disable wysiwyg for this page).

Step 6: Module Setup

FormBuilder (optional):

import the form 'Contact_Form__Abide_.xml' into the FormBuilder module. Make sure to edit the 'send to' disposition to send to yourself, and set up the CMS Mailer preferences to your site's requirements.

Slider (optional):

Go to Extensions > LISE and import the LISEslider.LISE.xml instance.

Upload some images for the slider in File Manager. The slider template will crop and rezie them.

Go to Content > Slider and either edit the sample slides or delete them and create new ones.

Cart2:

click on "Set as cart Module"

Calguys Ecommerce Base:

fill out the Store Address form, and submit

configure General Settings and  Policy, as needed

under Shipping Policy, choose the countries you will allow shipping to, or --Any-- and submit.

under Supplier Settings, choose 'Product Manager' from the Supplier Modules list, and submit

if you're using a payment gateway, configure it under Payment Settings as per the module instructions.

Order Manager:

Go to Preferences, and configure both tabs to your needs. For testing, you may wish to allow anonymous checkout and allow checkout without a payment gateway, as well as making no fields required (there are two fields in Address Handling, and you may also wish to add/remove "require" to any form tags within the prolific_orders_billing_form template).

Choose your Checkout or Products page for all Page options, including for Invoice Display unfortunately this module isn't using Design Manager templates yet, so they must be added manually.

Click on templates.

Create a new Billing Form Template called prolific_billing, and replace all of the content with this tag: {include file='cms_template:prolific_orders_billing_form'}. Set the form to default.

Do the same with Confirm Order Templates, using the tag {include file='cms_template:prolific_orders_confirmation'} again with Invoice Templates, using the tag {include file='cms_template:prolific_orders_invoice'} make sure to set both to default.

Product Manager:

Preferences:

Item Editing Settings: set 'SKU is required' to 'Yes'. Adjust any other options as needed.

Item Detail Settings: choose your Products page as the Default Detail Page

Hierarchy Settings: choose your Products page as the Default page for Hierarchy View, and (optionally) Use Pretty URLS to Yes.

Field Definitions:

add a Text Area field for Long Descriptions, if desired

Item Hierarchy:

This theme uses hierarchy for navigation, so create at least one hierarchy item. Child hierarchies will be sub-menus in the hierarchy navigation.

Categories:

Add a category or two, such as "specials" or "featured items". This is optional, but utilized considerably throughout the theme.

Items:

Add a few items to get started. Give every item a SKU (a unique product identifier code), and at least one image under the Images tab. The first image will be used for the main product image, and any additional ones will be used for a lightbox gallery.

FrontEndUsers:

If you'll only be using anonymous checkout you can disregard this setup, but FEU must be installed for the Orders module to function.

Create at least one property.

Create at least one group (which must have at least one property attached).

Create a user for testing, set it to expire in the far future, and assign it to at least one group.

Under Site Admin > FrontEndUser settings, set any preferences you require. Under the Builtin Authentication tab, set your members page as the redirection page for each of the forms. You may wish to use your home page to jump to after logout.

Edit the prolific_feu_login_top template so the cms_selflink points to your Members page.

News: (optional)

In Site Admin > Settings - News module, add a Linked File Field Definition to use for images (optional).

Under Options, Set your News page as the default page to use for detail views.

Edit/create News articles as required.

Captcha: (optional)

configure to your settings. reCaptcha is recommended, you can register for a key at https://www.google.com/recaptcha/intro/.

Almost there!

You should now have a functional site, and it's time to start adding content and more products. If you run into any issues, be sure to check the Admin Log and PHP error log before requesting support. Free support for installation of the design only is avaialble at https://easythemes.ca, as well as paid support for issues out of scope. For other CMSMS support options, including for third-party modules, see https://www.cmsmadesimple.org/support/options/. 

×

Instructions

To install:

1. Back up your current web site installation (files & database) unless you're starting from scratch
2. Unzip the downloaded file to your computer
3. Install or upgrade to the latest version of CMS Made Simple as per the documentation
4. Install the modules CMSExt and SmartImage via Module Manager
5. Optional: If you'd like to use the included contact form, perform the following modules via Module Manager:
   • Install FormBuilder, also in Module Manager
   • Go to FormBuilder and import the included Contact form (Contact_Form__Abide.xml)
   • Configure the form's "send to" disposition to use your contact and server settings
   • customize the form as required
6. Log in to the backend of your CMSMS install and go to Layout » Design Manager
7. Click on the Designs tab, and choose Import Design
8. Choose the design XML file (Portage.xml) from the downloaded package, and click next
9. Confirm and proceed

To use:

1. In Design Manager (DM), go to the Designs tab and set the imported design to default (optional)
2. Still in DM, go to the Templates tab and open up the portage_sidebar template (or the one you think you'll use most frequently), set Default to 'yes' under the Advanced tab, and submit. Do the same for the two portage_news_ templates, and the portage_topnav template.
3. In Content Manager, switch your pages to use the new design and templates (hint: use the bulk action "set design & template" if you have lots of existing pages). You may also wish to clean up (delete) any existing designs and templates.
4. If you'd like to use images in the News module like in the demo, add a file or linked file field definition in the News module settings.

To customize:

Many of the customizable areas are available when editing pages in the Content Manager. Some will only be available for certain templates (e.g. the 'home' template may have different options than the 'sidebar' template).

For more advanced customization, examine the master template and css file, and edit as required.

×

Instructions

To install:

1. Back up your current web site installation (files & database) unless you're starting from scratch
2. Unzip the downloaded file to your computer
3. Install or upgrade to the latest version of CMS Made Simple as per the documentation
4. Install the following modules via Module Manager:
   
   • CMSMailer (may be disabled on clean installs)
   • FormBuilder
   • CMSMSExt
   • SmartImage
   • Gallery
   • Captcha (optional)
5. Log in to the backend of your CMSMS install and go to Layout » Design Manager
6. Click on the Designs tab, and choose Import Design
7. Choose the design XML file (bandbPRO.xml) from the downloaded package, and click next
8. Confirm and proceed
9. Go to FormBuilder and import the included Contact form (Contact_Form__Abide.xml)
10. Edit the form in FormBuilder, making sure to change the "Send To" disposition to use your desired email address.
11. Go to the Gallery module and import the included Gallery templates (Gallery-tpl-bandb_gallery.xml and Gallery-tpl-FoundationSlider.xml).
12. Under the options tab of the Gallery module, change "Resize images to the following maximum size during upload" to 1800 x 1800

To use:

1. In Design Manager (DM), go to the Designs tab and set the imported design to default (optional)
2. Still in DM, go to the Templates tab and open up the bandbPRO_sub template, set Default to 'yes' under the Advanced tab, and submit. Do the same for the two bandbPRO_news_ templates, and the bandbPRO_topnav template.
3. In Content Manager, switch your pages to use the new design and templates (hint: use the bulk action "set design & template" if you have lots of existing pages). You may also wish to clean up (delete) any existing designs and templates.
4. Include the Gallery and FormBuilder module calls as per their instructions on whichever pages you'd like.

To customize:

Many of the customizable areas are available when editing pages in the Content Manager. Some will only be available for certain templates (e.g. the 'home' template may have different options than the 'sub' template).

For more advanced customization, examine the master template and css file, and edit as required.

 

 

×

Instructions

To install:

1. Back up your current web site installation (files & database) unless you're starting from scratch
2. Unzip the downloaded file to your computer
3. Install or upgrade to the latest version of CMS Made Simple as per the documentation
4. Log in to the backend of your CMSMS install and go to Layout » Design Manager
5. Click on the Designs tab, and choose Import Design
6. Choose the XML file from the downloaded package, and click next
7. Confirm and proceed

To use:

1. In Design Manager (DM), go to the Designs tab and set the imported design to default (optional)
2. Still in DM, go to the Templates tab and open up the bandb_sub template, set Default to 'yes' under the Advanced tab, and submit. Do the same for the two bandb_news_ templates, and the bandb_topnav template.
3. In Content Manager, switch your pages to use the new design and templates.

To customize:

Many of the customizable areas are available when editing pages in the Content Manager. Some will only be available for certain templates (e.g. the 'home' template may have different options than the 'sub' template).

For more advanced customization, examine the master template and css file, and edit as required.

 

 

×

Instructions

To install:

1. Back up your current web site installation (files & database) unless you're starting from scratch
2. Unzip the downloaded file to your computer
3. Install or upgrade to the latest version of CMS Made Simple as per the documentation
4. Install the module SmartImage (and any dependencies such as CMSMSExt)
5. Go to Layout » Design Manager
6. Click on the Designs tab, and choose Import Design
7. Choose the XML file from the downloaded package, and click next
8. Confirm and proceed

To use:

1. In Design Manager (DM), go to the Designs tab and set the imported design to default (optional)
2. Still in DM, go to the Templates tab and open up the eat_sub template, set Default to 'yes' under the Advanced tab, and submit. Do the same for the two eat_news_ templates, and the eat_topnav template.
3. In Content Manager, switch your pages to use the new design and templates.

To customize:

Many of the customizable areas are available when editing pages in the Content Manager. Some will only be available for certain templates (e.g. the 'home' template may have different options than the 'sub' template).

For more advanced customization, examine the master template and css file, and edit as required.

 

 

×

Instructions

To install:

1. Back up your current web site installation (files & database) unless you're starting from scratch
2. Unzip the downloaded file to your computer
3. Install or upgrade to the latest version of CMS Made Simple as per the documentation
4. Log in to the backend of your CMSMS install and go to Layout » Design Manager
5. Click on the Designs tab, and choose Import Design
6. Choose the XML file from the downloaded package, and click next
7. Confirm and proceed

To use:

1. In Design Manager (DM), go to the Designs tab and set the imported design to default (optional)
2. Still in DM, go to the Templates tab and open up the eat_sub template, set Default to 'yes' under the Advanced tab, and submit. Do the same for the two eat_news_ templates, and the eat_topnav template.
3. In Content Manager, switch your pages to use the new design and templates.

To customize:

Many of the customizable areas are available when editing pages in the Content Manager. Some will only be available for certain templates (e.g. the 'home' template may have different options than the 'sub' template).

For more advanced customization, examine the master template and css file, and edit as required.

 

 

×

Instructions

To install:

1. Back up your current web site installation (files & database) unless you're starting from scratch
2. Unzip the downloaded file to your computer
3. Install or upgrade to the latest version of CMS Made Simple as per the documentation
4. Install the following modules via Module Manager:
   
   • CMSMailer (may be disabled on clean installs)
   • FormBuilder
   • CGExtensions
   • CGSmartImage
   • Gallery
   • Captcha (optional)
5. Log in to the backend of your CMSMS install and go to Layout » Design Manager
6. Click on the Designs tab, and choose Import Design
7. Choose the design XML file (lens.xml) from the downloaded package, and click next
8. Confirm and proceed
9. Go to FormBuilder and import the included Contact form (Contact_Form__Abide_.xml)
10. Edit the form in FormBuilder, making sure to change the "Send To" disposition to use your desired email address.
11. Go to the Gallery module and import the included Gallery template (Gallery-tpl-foundationGallery.xml).
12. Under the options tab of the Gallery module, change "Resize images to the following maximum size during upload" to 1800 x 1800

To use:

1. In Design Manager (DM), go to the Designs tab and set the imported design to default (optional)
2. Still in DM, go to the Templates tab and open up the lens_sub template, set Default to 'yes' under the Advanced tab, and submit. Do the same for the lens_topnav template.
3. In Content Manager, switch your pages to use the new design and templates.
4. Include the Gallery and FormBuilder module calls as per their instructions on whichever pages you'd like.

To customize:

Many of the customizable areas are available when editing pages in the Content Manager. Some will only be available for certain templates (e.g. the 'home' template may have different options than the 'sub' template).

For more advanced customization, examine the master template and css file, and edit as required.

 

 

×