Redline Shopify Site Notes

Product Notes:  Products were initially added to the site via a perl script that read a Holley price guide and created a Shopify CSV file to import.  The field mapping used is shown in table1. 

Managing products is done from the Shopify Admin->Products->Products page.  Managing products in bulk can be done by selecting export then “Start editing your products”.  You can pre-filter products to update by searching on the initial products page and selecting one of the following before clicking “Start editing your products”.

Current page

All products

Selected products

## products matching search

 

Some special product tags:

• Sale – adding a tag of sale will cause the circular sale icon to be added to the product
• Featured – adding a tag of Featured will make the product show under the front page featured items.
• SB – used to represent Small Block
• BB – used to represent Big Block
• LT – used to represent LT motors
• LS – used to represent LS motors
• LMHEMI – used to represent Late Model Hemi’s
• MM – used to represent Ford Mod Motors
• Coyote – used to represent Coyote motors
• BB385 – used to represent Ford 385 series motors

 

 

Collection Notes:  Collections are groups of products.  They can either be manually created or automatically base off of attributes of the products.  The majority of collections used for the Redline site are automatically generated and product tags were the primary attribute used to create the collections.  Shopify Admin -> Products -> Collections is where collection are viewed/maintained.  If no image is specified for a collection it uses the image for the first product in that collection.

Some special collections:

• Featured – products in this collection show on the front page featured products. Governed by “Featured” tag.
• Frontpage – This collection controls what shows in the sidebar under “POPULAR PRODUCTS”. This collection is manually maintained.  Products are manually added and removed from this collection.
• _related – Any collection with a suffix of _related will be the first collection used to display related products for products in that collection.
• Collections ecu, main-harness, injector-harness, ignition-harness, transmission-control, drive-by-wire, auxiliary-harness, injectors, sensors, fuel-system, crank-trigger, ignition,modules, water-meth, boost-control, gauges-display, accessories are used by the “Build a Kit” page to populate the products under the different steps.

 

Navigation Notes: Shopify Admin -> Online Store -> Navigation is where the menus are built.  The “Main Menu” navigation configuration is what drives the page menus.  Adding entries to this menu controls both the side bar and top bar menus.  Navigation entries can point to various Shopify objects.  Pages, collections, products, web urls.

There are special rules that drive how sub-menus work.   

• If a navigation object exists by the exact same name as an individual entry in the Main Menu navigation, it will create a sub menu under that main entry. The sub menus can only go 1 deep.
• If a navigation entry point to a page created using the template pag.list-collections, it will create a category grouping that contains entries from a navigation object of the same name. That navigation group can also contain entries to group pages to make multi-tiered navigations.
• The image for the page navigation group is taken from the page entry

 

 

Page Notes: Shopify Admin -> Online Store -> Pages contains pages created for the site.  When creating pages there are 3 template options.  page, page.contact, page.list-collections, and page.efi_steps.  page is used for normal pages.  page.contact is used to create the contact page. page.list-collections is used to create pages that will tie to a navigation object.  page.efi_steps ties to a form that displays the “Build a Kit” steps.

To add images to the customer vehicles page, the image needs to first be uploaded under Shopify Admin->Settings->Files.  Next the URL for that file needs to be copied.  Open the Customer Vehicle page, which will appear blank.  Under content click on <> this will show the raw html.  There should be a section that looks like:

var pics = [

  "https://cdn.shopify.com/s/files/1/0958/5290/files/cust1.jpg?15908312020341602314",

  "https://cdn.shopify.com/s/files/1/0958/5290/files/dyno1.png?16431004859766655420",

  ];

Add the copied url into this section.  Make sure and surround it by quotes and have a trailing comma.  It should then show as a selectable thumbnail on the Customer Vehicle page.

 

Theme Notes: The core theme settings cat be changed at Shopify Admin->Online Store->Themes->Cutomize theme.  The primary maintenance under this rather than personal preferences is changing the scrolling images on the front page.  These are under the Home Slideshow option.

 Several files in the Sunrise theme have been modified or created.  These can be viewed at Shopify Admin->Online Store->Themes->…->Edit HTML/CSS.

 

Templates

• liquid – modified to display the part number for products in the cart
• list-collection.liquid – created to provide capability to create groups of products
• efi_steps3.liquid – created to provide the form for the EFI Build a Kit page
• liquid – modified to add the part number to the products on the product list pages as well as the sale image if a tag of sale is found.
• efi_kit_selector.liquid – created to provide the redline-select-a-kit page.

 

Snippets

• product-loop.liquid – added product number and sale icon if sale tag present to product details page
• liquid – modified to use a collection with _related suffix first for related products
• liquid – modified to open facebook in new tab rather than replacing the current window

 

Assets

• jquery-ui.css – added jquery style sheet to use with Build a Kit form
• css – style sheet created for Build a Kit form
• jQuery-1.12.0.min.js – jquery library to us with Build a Kit form
• js – created javascript file for Build a Kit form
• gif – used on Build a Kit form

 

Config

• data.json – changed all “show_sale_sticker” entries to false to prevent the sale sticker from showing when the compare at price was more than the price.

 

 

Custom Code

• efi_steps.liquid – page written to provide the redline-build-a-kit page. Each step keys off of a particular collection.  The titles of each step and the associated collections are configured in the beginning of the code.  This a copy of the definition lines at the time of writing this.

 

{% assign titles = 'ECU and Power Harness,Main Harness,Injector Harness,Ignition Harness,Transmission Control,Drive By Wire,Throttle Body,Auxiliary Harness,Injectors,Sensors,Fuel System,Crank Trigger and/or Distributor,Ignition,Modules,Water Meth,Boost Control,Gauges/Display,Accessories' | split: ',' %}

{% assign colltitles = 'ecu,main-harness,injector-harness,ignition-harness,transmission-control,drive-by-wire,throttle-body,auxiliary-harness,injectors,sensors,redline-fuel-system-kits,crank-trigger,ignition,modules,water-meth,boost-control,gauges-display,accessories' | split: ',' %}

{% assign titlecomments = 'Required: Choose by the function you need of the ECU,Required: Choose by engine design,Required: Choose by injector type and engine design,Choose by type of ignition or triggers (not needed with LS/Mod motor/Coyote/Gen 3 Hemi main harnesses ),Only for 4L60/80 (coming soon 4RW70/AODE) Must use Dominator ECU,Choose by pedal and DBW throttle body design. Must use Dominator ECU,Choose your Throttle Body,Choose if running second O2 or multiple input/output,Choose by horsepower range,Required: Choose all that apply to your engine ( only need wideband if using LS/Mod motor/Coyote/Gen 3 Hemi main harnesses ),Choose by horsepower range,Choose by engine design,Choose coils or crank/cam sensor,Choose driver for power booster or can drives,Build water meth kit,Choose your boost control,Choose gauge/display,Choose Accessories' | split: ',' %}

 

• efi_kit_selector.liquid – page written for the select a kit page. The page populates with all kits from the collection named “EFI Kits”.  It then gathers the tags corresponding to the questions answered and hides any kits that don’t contain all the tags from the answered questions.  If a kit works with all ford motors, it would need to have all the ford engine tags assigned to it.

Question Tags:

            Make:            Ford, Chevrolet, Mopar

            Engine:          302W, 351W, 385, FE, MM2V, MM4V, Coyote

                                  SBEarlyLate, SBVortec, BBRect, BBOval, LS1LS6x24,

                                  LS2LS3x24, LS2LS3x58

                                  SB, BB, LMHEMI

            Injection:       MPFI, TBIKit

            Laptop:           NoLaptopKit, LaptopKit

           Aspiration:      NA, 15PSI, 30PSI

           Ignition:           HEI, HolleyDist, noTimingCtl, TFI

           DBW:              DBW, noDBW

           Transmission:  NoTransControl, 4L80control

 

   

Table1: Shopify->Holley mapping

Shopify Field	Shopify Field Name	Holley Field Name	Holley Field	Comments
1	Handle	Part Number	4	Prefixed from brand table2 lower case
2	Title	Description	8
3	Body (HTML)	Description	8
4	Vendor	Brand	1
5	Type	Category	2
6	Tags	Brand and words in Category	1 and 2	Also searched the descript to try and pull automotive brands
7	Published			Set to literal TRUE
8	Option1 Name			Set to literal Title
9	Option1 Value			Set to literal Default Title
10	Option2 Name
11	Option2 Value
12	Option3 Name
13	Option3 Value
14	Variant SKU	Part Number	4	Prefixed from brand table2
15	Variant Grams	Weight	13	Converted to grams based on Holley field 14 UOM
16	Variant Inventory Tracker
17	Variant Inventory Qty			Set to literal 0
18	Variant Inventory Policy			Set to literal continue
19	Variant Fulfillment Service			Set to literal manual
20	Variant Price	MAP	6
21	Variant Compare At Price	SRP	5
22	Variant Requires Shipping			Set to literal TRUE
23	Variant Taxable			Set to literal TRUE
24	Variant Barcode	UPC	9
25	Image Src			Tried to search and find on Holley’s site
26	Image Alt Text	Description	8
27	Gift Card			Set to literal FALSE
28	SEO Title
29	SEO Description
30	Google Shopping / Google Product Category
31	Google Shopping / Gender
32	Google Shopping / Age Group
33	Google Shopping / MPN
34	Google Shopping / AdWords Grouping
35	Google Shopping / AdWords Labels
36	Google Shopping / Condition
37	Google Shopping / Custom Product
38	Google Shopping / Custom Label 0
39	Google Shopping / Custom Label 1
40	Google Shopping / Custom Label 2
41	Google Shopping / Custom Label 3
42	Google Shopping / Custom Label 4
43	Variant Image
44	Variant Weight Unit	UOM	14

 

Table2: Brand->Part Number Prefixes

Brand	Prefix
Holley	HLY
Holley EFI	HLY
Demon	DMN
Flowtech	FLT
Frostbite	FBT
Hooker	HKR
NOS	NOS
Sniper	SNP
Weiand	WND