Versions Compared

Old Version 1

changes.mady.by.user Francisco Castro (Deactivated)

Saved on

compared with

New Version Current

changes.mady.by.user Daniel Piña

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

This SOP is a work in progress. If you notice anything that is out of date, could be more clear or could be more efficient please update the SOP or add a comment to start a conversation.

Purpose

This is the procedure for adding the Global CSS code to the client’s website folder. Said code affects all sites on the Dealer Spike Marketing Platform.

Procedure

Inputs:

  • Make sure you have credentials for Notepad++

  • Connect to a VPN

  • This method is for (blue star) Dealer Spike clients only

Expand
titleStep 1: Finding client's website folder

Find the client’s folder on Notepad++

Image Added

In this example 1stchoiceequipment will be used.

Info

Folders can be expanded or collapsed with double click, selecting and enter, or clicking the arrow on the left.

Documents can be opened with double click or selecting and enter.

Expand
titleStep 2: Opening client's folder

Open client’s folder.

Image Added

Most sites have similar folders and files.

Expand
titleStep 3: Locating "Includes" folder

Once in client’s folder locate “includes” folder and expand it.

Image Added

Expand
titleStep 4: Locating and opening "stfHeaderStart.inc" document

Once in the “includes” folder, locate and open the document “stdHeaderStart.inc”

Image Added

The document should look like this:

Image Added
Expand
titleStep 5: Finding where to put the code

Find these lines of code within the document:

Image Added

Alternatively, the search function can be used using Ctrl+F and search for “styles.css”

Image Added

as it should lead to the lines of code needed.

Expand
titleStep 6: Adding the code to the file

Once the lines of code are found, paste the following right below the code mentioned:

<!-- SEO CSS Import File - [SEO Rep Name] - [Enter Date Added] -->
<link id="seoStyles" rel="stylesheet" type="text/css" href="/imglib/seo/css/seo-css-v6.css" />

Fill in the [SEO Rep Name] and [Enter Data Added] with Rep name and the date it was added respectively.

Once done should look like this:

Image Added
Note

It’s important to check if the site is Version 6 (V6) or Version 7 (V7). Depending on the version the code changes slightly. This can be checked in the website’s admin dashboard.

V7 Code:

<!-- SEO CSS Import File - [SEO Rep Name] - [Enter Date Added] -->
<link id="seoStyles" rel="stylesheet" type="text/css" href="/imglib/seo/css/seo-css-v7.1.1.css" />

Info

It’s important to add the rep’s and date info as it will tell the rest of the team who and when was the code added as this will tell support and whoever reads the file who to contact in case modifications are needed.

Expand
titleStep 7: Saving the document

Lastly, save the document.

Image Added

Outputs:

  • The CSS code is added to the client’s website folder.

FAQs

Expand
titleFAQ...

Answer…

...