Homepage
Facebook Twitter Google+

Your Basket

Your basket is empty.

Added to Basket
Homepage

Custom Foundation 5 Skin

Product Information
Images
Purchase
Reviews

Price: $20.00

Current Plugin Version: 2.4.0

Current Skin Version: 2.4.0

Latest CubeCart 6 Version Tested: 6.1.12

Important Note #1
Your store must be running CubeCart 6.1.0 or newer to use this skin and this plugin.

Custom Foundation 5 Skin Details

This is a custom version of the CubeCart 6 foundation skin.

When CubeCart 6 gets updated, any changes to the standard foundation skin will be added to this custom skin and a new version will be released.

It's base is foundation framework 5.
Included are separate 'white' and 'black' styles.

To use and configure this skin, the included plugin is required.

Custom Foundation 5 Skin Configuration CC6 Plugin Details

This required plugin lets you configure the Custom Foundation 5 skin.

Global Settings:
- enable/disable displaying currency selector
- enable/disable displaying language selector
- enable/disable displaying session box
- enable/disable displaying basket box
- enable/disable displaying search box
- enable/disable displaying advanced search link
- enable/disable displaying horizontal navigation
- enable/disable displaying breadcrumbs
- enable/disable displaying featured product box
- enable/disable displaying popular products box
- enable/disable displaying sale products box
- enable/disable displaying documents box
- enable/disable displaying social media box
- enable/disable displaying mailing list box
- enable/disable displaying copyright
- enable/disable displaying back to top link
- enable/disable displaying powered by CubeCart
- enable/disable displaying checkout related products
- enable/disable displaying skin selector
- enable/disable hiding 0.00 prices
- enable/disable hiding promotional code input in checkout
- enable/disable displaying subscribe to newsletter check boxes

You can set the layout used for the homepage of the store:
- left column > content column
- content column > right column
- content column only (no left or right column)

You can set the layout used for the checkout pages of the store:
- left column > content column
- content column > right column
- content column only (no left or right column)

You can set the layout used throughout the rest of the store:
- left column > content column
- content column > right column
- content column only (no left or right column)

You can set the top header layout used throughout the store:
- standard
- alternative layout #1
- alternative layout #2
- alternative layout #3

You can set the footer layout used throughout the store:
- standard
- alternative layout #1
- alternative layout #2
- alternative layout #3

You can enable/disable using an inner container and alter it's design for each style.

You can set the layout used the popular products box:
- standard
- alternative layout #1 (with images)

You can set the skin selector to be used throughout the store:
- standard
- side box

You can set the address selector display type used in the basket/checkout:
- short
- long

You can set the shipping display type used in the basket/checkout:
- drop down
- radio buttons

Homepage Settings:
- display homepage document title
- display homepage document content
- display latest products
- display latest products buy buttons
- display latest products more info buttons
- display latest products review scores
- display latest products prices
- latest products truncated product names
- latest products truncated product names length (characters)
- latest products grid small (products across, default 1)
- latest products grid medium (products across, default 2)
- latest products grid large (products across, default 3)

Category Pages Settings:
- display category name
- display category description
- display category image
- display category sub-categories
- display category no products message
- display product buy buttons
- display product more info buttons
- display product review scores
- display product review infos
- display product prices
- grid truncated product names
- grid truncated product names length (characters)
- row truncated product names
- row truncated product names length (characters)
- set default layout (row or grid)
- display layout switch
- display sorting
- display page splits
- set pagination type (ajax or traditional)

Product Pages Settings:
- display tabs
- display description tab
- display specifications tab
- display discounts tab
- display hook tabs
- display product code
- display manufacturer
- display stock level
- display condition
- display weight
- display UPC Code
- display EAN Code
- display JAN Code
- display ISBN Code
- display GTIN Code
- display MPN Code
- display review score
- display review info
- display read reviews
- display write reviews
- set gallery layout (horizontal, horizontal alternative or vertical)

SemperFiWebServices Plugin Settings:
- Advanced Search Box CC6 Plugin
- Ajax Configurable Search Box CC6 Plugin
- Ask About A Product CC6 Plugin
- Audio Preview CC6 Plugin
- Banner Manager CC6 Plugin
- Category Drop Down Box CC6 Plugin
- Content Slider CC6 Plugin
- Currently Trending Products Carousel CC6 Plugin
- Customers Previously Purchased Products CC6 Plugin
- Customers Who Purchased This Product Also Purchased CC6 Plugin
- Deluxe Bx Slider CC6 Plugin
- Deluxe Document Manager CC6 Plugin
- Deluxe Related Products CC6 Plugin
- Display YouTube Videos CC6 Plugin
- Facebook Feed CC6 Plugin
- Frequently Asked Questions (FAQ) CC6 Plugin
- Gift Packaging CC6 Plugin
- Global Showcased Product CC6 Plugin
- Global Slideshow CC6 Plugin
- Google Map CC6 Plugin
- Google Plus Feed CC6 Plugin
- Google Translate CC6 Plugin
- Guest Book CC6 Plugin
- Homepage Featured Categories CC6 Plugin
- Homepage Featured Products CC6 Plugin
- Homepage Popular Products CC6 Plugin
- Homepage Random Products CC6 Plugin
- Homepage Sale Products CC6 Plugin
- Homepage Showcased Product CC6 Plugin
- Homepage Slideshow CC6 Plugin
- Improved Printing Layouts CC6 Plugin
- Information Page CC6 Plugin
- Instagram Feed CC6 Plugin
- Manual Links Manager CC6 Plugin
- Manufacturer Improvements CC6 Plugin
- Multiple Category Menus CC6 Plugin
- Multiple Product Menus CC6 Plugin
- Nivo Slider CC6 Plugin
- Nivo Slider For Categories CC6 Plugin
- Nivo Slider For Documents CC6 Plugin
- Nivo Slider For Products CC6 Plugin
- Product Review Improvements CC6 Plugin
- Recently Viewed Products CC6 Plugin
- Simple Image Gallery CC6 Plugin
- Site News CC6 Plugin
- Site Testimonials CC6 Plugin
- Special Content Boxes CC6 Plugin
- Store Credit CC6 Plugin
- Tell A Friend CC6 Plugin
- Twitter Feed CC6 Plugin
- Vehicle Make Model Year CC6 Plugin
- Vertical Navigation Box CC6 Plugin
- Wordpress Integration CC6 Plugin

Other SemperFiWebServices Plugins Supported:
- Additional Global Product Fields CC6 Plugin
- Additional Global Product Tabs CC6 Plugin
- Additional Product Fields CC6 Plugin
- Additional Product Tabs CC6 Plugin
- Category Public Downloads CC6 Plugin
- Contact Form File Upload CC6 Plugin
- Deluxe Product Options CC6 Plugin
- Document Public Downloads CC6 Plugin
- Help Desk CC6 Plugin
- How Did You Hear About Us CC6 Plugin
- KeyCaptcha CC6 Plugin
- Mathematical Captcha CC6 Plugin
- Minimum Subtotal CC6 Plugin
- Pinterest Rich Pins CC6 Plugin
- Product Dimensions CC6 Plugin
- Product Public Downloads CC6 Plugin
- Promotional Code Enhancements CC6 Plugin
- Quick Add To Cart CC6 Plugin
- Return Merchandise Authorization CC6 Plugin
- Secure Password Generator CC6 Plugin
- Site Messages CC6 Plugin

For both the 'white' and 'black' styles, you can separately configure:
- max row width (default 75rem, increased from 62.5em)
- set background image url (optional)
- set background image repeat (none, both, horizontal, vertical)
- primary background color
- primary heading color
- primary text color
- primary link color
- primary link hover color
- inner container maximum width
- inner container margin top
- inner container margin bottom
- inner container border width
- inner container border color
- inner container background color
- header buttons background color
- header buttons border color
- header buttons text color
- header buttons hover background color
- header buttons hover border color
- header buttons hover text color
- footer background color
- footer heading color
- footer text color
- footer link color
- footer link hover color
- back to top background color
- back to top border color
- back to top text color
- back to top hover background color
- back to top hover border color
- back to top hover text color
- horizontal navigation background color
- horizontal navigation background color expanded
- horizontal navigation title color
- horizontal navigation title color expanded
- horizontal navigation link background color
- horizontal navigation link color
- horizontal navigation link hover background color
- horizontal navigation link hover color
- horizontal navigation label background color
- horizontal navigation label color
- breadcrumbs background color
- breadcrumbs border color
- breadcrumbs text color
- breadcrumbs link color
- breadcrumbs link hover color
- off canvas menu left background color
- off canvas menu right background color
- off canvas list label background color
- off canvas list label border top color
- off canvas list label color
- off canvas list link background color
- off canvas list link border bottom color
- off canvas list link color
- off canvas list link hover background color
- off canvas list link hover border bottom color
- off canvas list link hover color
- panel background color
- panel border color
- panel heading color
- panel text color
- panel link color
- panel link size
- panel link hover color
- panel link hover size
- panel H3 link color
- panel H3 link size
- panel H3 link hover color
- panel H3 link hover size
- panel padding
- button background color
- button border color
- button text color
- button hover background color
- button hover border color
- button hover text color
- secondary button background color
- secondary button border color
- secondary button text color
- secondary button hover background color
- secondary button hover border color
- secondary button hover text color
- success button background color
- success button border color
- success button text color
- success button hover background color
- success button hover border color
- success button hover text color
- alert button background color
- alert button border color
- alert button text color
- alert button hover background color
- alert button hover border color
- alert button hover text color
- warning button background color
- warning button border color
- warning button text color
- warning button hover background color
- warning button hover border color
- warning button hover text color
- checkout progress wrapper background color
- checkout progress wrapper text color
- checkout progress previous background color
- checkout progress previous text color
- checkout progress current background color
- checkout progress current text color
- checkout progress next background color
- checkout progress next text color
- mini basket title background color
- mini basket title text color
- mini basket details background color
- mini basket details border color
- mini basket details text color
- mini basket product link color
- mini basket product link hover color
- order status #1 text color
- order status #2 text color
- order status #3 text color
- order status #4 text color
- order status #5 text color
- order status #6 text color
- product tabs border bottom color
- product tabs title active background color
- product tabs title active text color
- product tabs title background color
- product tabs title text color
- product tabs title background hover color
- product tabs title text hover color

When setting a color, you can use the color picker or type in the color code you want.

Important Note #2
With the 2.0.0 release, the following CSS changes have been made:
- replaced 'css.black.php' with 'sfws-cf5s.black.css' generated via plugin configuration *
- replaced 'cubecart.custom-black.css' with 'sfws-cf5s.black-custom.css' generated via plugin configuration *
- replaced 'css.white.php' with 'sfws-cf5s.white.css' generated via plugin configuration *
- replaced 'cubecart.custom-white.css' with 'sfws-cf5s.white-custom.css' generated via plugin configuration *
* CSS is now handled via the applicable external style sheets generated above, rather than internal CSS within the 'head' section.

Important Note #3
When upgrading from version 1.9.0 (or lower) to version 2.0.0+ of the skin + plugin:
- backup your store's database (or at a minimum, the 'CubeCart_config' table)
- backup your store's '/skins/sfws-foundation5-custom/' directory
- backup your store's '/modules/plugins/SFWS_Custom_Foundation_5_Skin_Configuration/' directory
- make a note of any changes you have made to the skin's old CSS files
- make a note of any changes you have made to the skin's old template files
- implement these old skin changes to the skin's new template files
- upload the new 'sfws-foundation5-custom' directory to your store's '/skins/' directory (replace what is there)
- upload the new 'SFWS_Custom_Foundation_5_Skin_Configuration' directory to your store's '/modules/plugins/' directory (replace what is there)
- go to the plugin configuration page
- verify all settings are configured correctly
- apply the CSS changes you noted previously in the applicable 'custom css' tab
- when prompted, delete the old css files
- click save
- click generate all css files

Please contact me if you require any assistance with upgrading the skin + plugin or have any questions relating to it.

Demo Stores
You can see it in action at the:
- CubeCart 6.1.X Skins Demo Store
- SemperFiWebServices CubeCart 6 Demo Store

Product Code: CUSTOM-F5-SKIN-SFWS

Have Questions? Ask a question about the 'Custom Foundation 5 Skin'.

  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge
  • Click to enlarge

Price: $20.00

Customer Reviews

This product hasn't been reviewed yet.

Write a review

Write Review


Verify you are a human

Please enter a valid email address.
This field is required.
Top