Sam Martin Introduction

This documentation will give you an understanding of how Sam Martin Starter Kit is structured and guide you in performing the most common functions. If you require further assistance, related to topics not covered in this documentation, then please contact us via Our Support Forum

If you want to customize this starter kit as per your requirement, please contact us here: Our Support Forum

Author: Potenza Global Solutions www.potenzaglobalsolutions.com

Umbraco Starter Kit Components

  1. Open the ... /sam-martin-starter-kit Folder to find all the Source Files
  2. Sam Martin Starter Kit contains:
    • Starter Kit – Source Folder (Visual Studio 2015 Solution File/ Umbraco 7.5.4)
    • DB – (Database For Starter Kit)
    • Packages Folder – Packages Folder
      • Marchello 2.3
      • Fast Track 2.3
    • Documentation – Documentation Folder

Configuration

Follow the steps below to get started with your Sam Martin Umbraco Configuration:

Back Office Access

To open umbraco back office use following username/password.

Username: Sammartin

Password: admin@123

How to run with Visual Studio

Checkout the videos we have created to help you. Videos

  1. First restore (in SQL Server 2012.) the database backup file from DB folder in source package.
  2. Open sammartin_umbraco.sln solution file in visual studio platform. (Visual Studio 2013 or higher)

  3. Change the connection string in Web.config file. Re-build the solution. Nuget package will get restored.
  4. Go to debug menu from visual studio and click start debugging from sub menu.

Now you are ready to explore the functionalities provided in this starter kit. Explore here

Export/Import

Using this feature you can create bundle of the pages ( provided in starter kit ) that you want to use in your other Umbraco (v7.5.4) installation

Export

Checkout the videos we have created to help you. Videos

1.) First go to developers tab and right click on Created Packages menu.

2.) Select create and enter name of your package and click on create.

3.) Enter the package details as per requirements in Package Properties tab.

4.) Now select the package contents one by one as per the requirement in Package Content tab.

5.) Now select installer file and bin files from respected folders in Package Files tab.

6.) Enter any specific details related to package in Package Actions tab.

Import

This section describe how to import the package in another Umbraco installation (v7.5.4).

Umbraco Setup

Umbraco is one of the most popular CMS in the world that makes it the best choice for your website.

You can download and install the Umbraco from their official website

For more information on Umbraco, please, visit the Umbraco page.

Starter Kit Requirements:
Please check the recommended umbraco version for proper functioning of kit:
– Umbraco v7.5.4
Make sure your server is set up properly so the kit and content will be loaded correctly.

Package Requirements:

Please install following packages first:

– LeBlender
– Nested Content
– Umbraco Forms
– Marchello 2.3(compatible)
– Fastrack 2.3

Import Package

  1. Package install steps: Videos
    • 1. After logging in to your umbraco backend go to Developers tab.

    • 2. Click on Packages on left side navigation. 

    • 3. Now click on Install Local option on top right corner. 

    • 4. Drag or upload your preferred layout package file given in drag area. 

    • 5. Now accept the license and let the package install. 

    • 6. After package get installed you can see it in installed tab. 

  2. You’re now good to go..! Start adding your Content and show off your Brand New Beautiful Website in style.

Starter Kit Settings

Sam Martin comes with user friendly settings which help user to make changes in site without any hesitation. The starter kit settings are divided in 2 parts.

  1. General Setting – To change logo, add meta data, custom css, javascript etc.
  2. Layout & Color Setting – To switch between 3 default layouts and change overall color of starter kit.

Site Setting

In general settings change your logo, meta data, cutom css, js, favicon etc.

 

Layout and Color Setting

Switch between 3 default layouts and change color of overall starter kit.

Page Setting

Sam Martin comes with user friendly page creation interface. User can easily create new page, sub page, sub section etc.

Add Page

1. Right Click on Content and select Create from the drop down. 

2. Then select Site Master from sub drop down. 

3. Enter your desire name for page and click on Save and Publish button at bottom of page. 

Add Sub Section

Right Click on Parent Page and select Create from the drop down. 

2. Then select Section Page from sub drop down. 

3. Enter your desire name for page and enter section id, select your desire row. Then click on Save and Publish button at bottom of page. 

Add Sub Page

First we need to create parent page for all the sup pages. Right Click on Content and select Create from the drop down. 

2. Then select Sub Pages from sub drop down. 

3. Enter your desire name for page and select image for header background of all sub pages. Then click on Save and Publish button at bottom of page. 

4. Now select Blank Page from create dropdown. 

5. Enter your page name and select Single Master Template from Template property under properties tab and click on Save and Publish button at bottom of page. 

6. Your created page will be shown under parent page. Add your content and click on Save and Publish button at bottom of page.

Delete Page

1. Right click on your page and select Delete from the drop down. 

2. Then click on Ok button. Your page will be deleted. 

Delete Sub Page

1. Select the page you want to delete and click on Delete on top right corner. 

Delete Sub Section

1. Right click on your page and select Delete from the drop down. 

2. Then click on Ok button. Your sub section will be deleted. 

Delete Row

1. Select the row. It will be highlighted in blue color. Then click on delete icon on top right corner of row. 

Delete Content

1. Select the content you want to delete. It will be highlighted in blue color. Then click on delete icon on top right corner of row. 

Marchello Paypal Payment Setting

Please refer to Merchello-PayPal-Express-Payment-Provider_1.0.1.pdf PDF file provided in documentation folder.

Retina

The basic concept of a Retina image is that an image twice the size of a standard web image will be displayed on screen. On a non-retina device an image will be 100px X 100px whereas a Retina device will display the same image but at 200px X 200px. Most of devices use this branded concept for Retina devices like having approximately twice the pixel density of a non-retina device.

If you want to get perfect looking images on Retina screens. If for example you build website where you upload regular images into Content, you must always upload 2 images in Media
Add new section which looks like below:

my_image.png - this is the name for standard image (e.g. 100px X 100px)
my_image@2x.png - this is the example name for retina image and file must be always 2x larger than regular image (e.g. 200px X 200px)

Note You need to include retina.js to make your website completely retina ready. See example below:

<!– retina –>
<script type=“text/javascript” src=“js/retina.js”></script>

For more information about retina documentation and to download retina.js Click here.

Browser Support

Sam Martin support all major browsers like Google Chrome, Mozilla Firefox, Safari, Opera, Internet Explorer 9 and Above.

Change Log

Version 1.0

– Initial Release

Source & Credits

All images and are for preview purposes only and are not included in the download files. Images are of copyrights under Creative Commons CC0.

Images and mockups

Scripts

CSS & Fonts

Umbraco Packages

 

Videos

To make it easy for you to use our starter kit we have made some videos to get you through the process of setup.

  1. How to run with Visual Studio.
  2. How to Export Package.
  3. How to Import exported package.

Support

Have any queries related to Sam Martin Umbraco Starter Kit. Feel free to contact our support. We will try to help you as soon as possible. Contact our support by creating ticket:

https://potezasupport.ticksy.com/

 

Suggest Edit