philcon93

Email CSS

Credit to Cerberus

• https://github.com/TedGoas/Cerberus/blob/master/cerberus-hybrid.html

philcon93

Mega menu user generated

B@SE CSS

Using css_class we can tell the menu to use a different style.

This menu design could work for menu 1, 2, 3 and 4 levels deep

http://devphil.neto.com.au/?nview=skeletal-mega-menu

philcon93

Updated Product variation dropdown template

B@SE JS

When a user picks a variation on a product page, sections of the page will reload to update the content to fit the variation product. Also the list_item_variation selects will reload, and the template for these items are stored in Neto.js, specificly product_variationInit. When the user picks a variation, the product_variationInit function will run, which we use to say which templates need to reload, e.g:

$.product_variationInit({
 'loadtmplates': ['_buying_options', '_images','_header']

philcon93

Neto Swiftype

This is a custom design setup which integrates Swiftype onto a Neto site, using the following jQuery libraries:

• https://github.com/swiftype/swiftype-search-jquery
• https://github.com/swiftype/swiftype-autocomplete-jquery

Inlcudes

• Global search with autocomplete dropdown

philcon93

B@SE Forloop

[%FORLOOP to:'[@total_excesslabels@]'%]
	[%PARAM header%]
		<table cellpadding="4px" cellspacing="0" border="0" width="100%" align="center">
			<tr><td style="padding-left:8px; padding-right:8px;" nowrap><font style="font-size:11px;padding-left:25px;">Excess Labels</font></td></tr>
			<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
	[%/ PARAM%]
	[%PARAM *body%]

philcon93

Features in Skeletal theme

Header

• meta tags:
  • content-type, keywords, description, viewport, og:image, og:title, og:site_name, og:type, og:url.
• title tag
• link to; canonical url, favicon, theme-selector stylesheet, app.css, font-awesome, jquery-ui, fancybox
• ie8 support; html5shiv, respond
• logo

philcon93

Theme Checklist

General

• Layout is responsive
• Layout works on IE9+ and latest versions of Safari, Firefox, Chrome.
• Theme includes tracking codes in the following locations;
• Theme includes a ‘powered by’ link.

SEO

philcon93

Build Theme

To build your theme ready for the theme store, simply navigate to your repository in terminal and run the following command:

bin/compile

This will create a new dist directory, inside it will have your theme as a zip file.

Note that you need Node.js installed to run this script successfully.

philcon93

Find User Location

Using the GEOlocation API - https://developers.google.com/web/fundamentals/native-hardware/user-location/

philcon93

Enhanced Ecommerce Analytics

This code is how to measure a transaction with enhance ecomm instead of ecomm tracking