SHOPIFY Theme Setup

Our Shopify themes are extremely customisable and fully responsive. Here is a guide on how to get started. For questions or customisation requests: hello@studiomayde.com

Getting Started

Setting up a Shopify Account

Sign up on the Shopify website: Open your web browser and navigate to https://www.shopify.com/.

Then, provide your email address to begin the signup process.

Upload Theme

After buying our theme, please download the zip file within the access PDF.

To upload the theme to Shopify:

  1. Access your Shopify admin panel.
  2. Navigate to Online Store > Themes.
  3. Choose "Add Theme" > "Upload zip file" > "Add File" button.
  4. Select the zip file from the access PDF (do not unzip the file) and click "Open" to upload the file.
  5. Once the theme is uploaded, click 'Customize Theme' to customize your store.

Store Settings

Link domain URL

To link your domain to your Shopify store, follow these steps:

  1. Access your Shopify admin panel.
  2. Navigate to Settings > Domains.
  3. Select "Connect existing domain."
  4. Input your domain, for example, johns-apparel.com.
  5. Click the "Next" button.
  6. To ensure that your domain is successfully linked to your Shopify store, click on "Verify connection."

Currency

To modify your store currency in Shopify, follow these steps:

  1. Access your Shopify admin panel.
  2. Go to Settings > Store details.
  3. Locate the "Store currency" section and choose your desired currency from the available options.
  4. Once you've made the necessary changes, click the "Save" button to apply the new currency setting.

Shipping

Shipping

To configure shipping settings, follow these steps:

  1. Access your Shopify admin panel.
  2. Go to Settings > Shipping and delivery.
  3. In the Custom shipping rates section, select "Create new profile."
  4. Provide a name for the profile to identify it.
  5. Set up your Taxes and Duties settings in the next section.

Taxes and Duties

Taxes and duties

To configure duties and import taxes settings in Shopify, follow these instructions:

*Your shipping zones must be setup to proceed

  1. Access your Shopify admin panel.
  2. Navigate to Settings > Taxes and duties.
  3. In the Duties and import taxes section, click on "Set up."
  4. Choose the specific shipping countries or regions where you wish to collect duties and import taxes during the checkout process.

Team Permissions

To add staff members to your Shopify store, follow these simple steps:

  1. Access your Shopify admin panel.
  2. Click on "Settings," then select "Users and permissions."
  3. Choose "Add staff."
  4. Enter the staff member's full name and their email address.
  5. You have two options: Either select specific permissions you wish to grant the staff member (ie. can only view Orders) or proceed with default permissions.
  6. Finally, click "Send invite" to send the staff member an invitation to join your Shopify store.

Discounts

To generate a new discount in your Shopify admin, follow these steps:

  1. Access your Shopify admin panel.
  2. Navigate to the "Discounts" section.
  3. On the Discounts page, locate and click the "Create discount" button.

Check Out

To make changes to customer check out information settings in your Shopify store, follow these steps:

  1. Access your Shopify admin panel.
  2. Go to Store > Settings.
  3. In the Store settings section, tap "Checkout."
  4. Look for the "Customer information" section.
  5. Make the appropriate changes to the customer information settings.
  6. Click "Save".

Customer Accounts

To active the customer account settings in your Shopify store, follow these steps:

  1. Access your Shopify admin panel.
  2. Go to Settings > Customer Accounts.
  3. Under "Accounts in online store and checkout," click "Edit."
  4. Tick the checkbox "Show login link in the header of online store and at checkout."
  5. Select the version of customer accounts you want to use.
  6. Click "Save."
  7. Preview your store, and the customer account will appear as a person icon in your navigation bar (next to your cart icon).

Gift Cards

To create a gift card product in your Shopify store, follow these steps:

  1. Access your Shopify admin panel.
  2. Go to Products > Gift Cards.
  3. Click "Add Gift Card Product," fill in the settings, and then click "Save."

To adjust further gift card settings or update them, follow these steps:

  1. Access your Shopify admin panel.
  2. Navigate to Settings > Gift Cards.
  3. Click "Edit" and choose your desired custom gift card settings.
  4. Click "Save."

Theme Settings

Colour

Customise the site's colours here. You have the option to create several collection of colour palettes:

Typography

Customize the site's typography here.

It shows current font family, font size, font weight for the following H1, H2, H3, H4, H5, H6 and font family.

Can I upload my own custom fonts?

You can use the app Fontify to install your own custom fonts.

Buttons

Customise the appearance of your site's buttons here.

Page Layout

Customise the site's page layout here.

Social Media

Link your social media links here.

Search

Customise the site's search behaviour here.

Cart

Customise the site's cart settings here.

Check Out

Customise the site's Check Out settings here.

Customising your store

Announcement Bar

Customise the site's Announcement Bar here.

Header

This includes the navigation bar, search and cart icons. You can turn on or off these sections in the left panel.

Navigation Bar

Customising the appearance

You can customise it here:

Navigation Menu Items

Adding Menu Items:

To add menu items to your navigation in Shopify, follow these steps:

  1. Access your Shopify admin.
  2. Click on "Online Store" in the left-hand sidebar.
  3. Select "Navigation."
  4. Choose the menu you want to modify (e.g., "Main Menu").
  5. Click on the "Add menu item" button.
  6. Select the type of link you want to add: products, collections, webpages, blog posts, policies, or other websites.
  7. Fill in the required details for the link, including the title and the destination URL.
  8. Click "Save".

Logo

Upload your logo and favicon here. You have the option to customize the logo size.

The favicon appears next to the page title in your browser tabs.

Social Sharing Image

To set or change the social sharing image for your Shopify store, follow these steps:

  1. Access your Shopify Admin panel.
  2. Click on "Online Store."
  3. Click "Preferences."
  4. Look for the "Social sharing image" section.
  5. To upload a new image, click "Add image." To change the existing image, click "Edit" and then "Change image."
  6. Select the image from your computer that you want to use as the social media sharing image.
  7. Click "Save."

Video

Upload a video

To upload a video to your Shopify store, follow these steps:

  1. Access your Shopify admin.
  2. Go to Content > Files.
  3. Click "Upload files."
  4. Select the video you want to upload, and then click "Open."

Adding a video to your theme

To add a video to your Shopify theme, follow these steps:

  1. Follow the steps above to upload your video to Shopify so that it is available in your Files admin.
  2. In your Files admin, click the link icon next to the uploaded video. This will copy the URL of the hosted video file.
  3. In your Shopify admin sidebar, navigate to Online Store > Themes, and then click "Customize" to enter the theme editor.
  4. Within the theme editor, locate the section where you want to add the video.
  5. Paste the copied URL from step 2 into the designated field labeled "Video Link" in the section settings.
  6. Save your changes to apply the video to your Shopify theme.

Images

Upload an Image into your theme

To upload images into your Shopify theme, follow these steps:

  1. Access your Shopify admin.
  2. Go to Online Store > Themes.
  3. Click "Customize" to enter the theme editor.
  4. Find the section where you want to add the image.
  5. Look for an option to "Upload image" or "Add image" within that section.
  6. Click on the "Upload image" or "Add image" button.
  7. Choose the image you want to upload from your computer and click "Open" to upload it.
  8. Once the image is uploaded, save your changes to apply the image to your Shopify theme.

Metafields (dynamic content)

Metafields help you to customize the functionality and appearance of your Shopify store by letting you save specialized information that isn't usually captured in the Shopify admin.

Watch this video to learn how to set it up.

Blog

How to create a blog

To create a blog post in Shopify, follow these steps:

  1. Access your Shopify admin.
  2. Go to Online Store > Blog Posts.
  3. Click "Add Blog Post."
  4. Provide your blog post with a title and add the content you wish to include in the post.
  5. Click "Save".

How to manage blog comments

To manage blog comments in Shopify, follow these steps:

  1. Access your Shopify admin.
  2. Go to Online Store > Blog Posts.
  3. Click "Manage blogs" next to the specific blog post you want to manage comments for. (Alternatively, you can click on "Blog Title" to access the blog post and then proceed to manage comments.)
  4. Select the option that corresponds to how you want to manage comments, such as allowing comments, disabling comments, or requiring approval for comments.
  5. Click "Save".

Footer

Customise the site's footer here. Simply choose the block type to select the contents you want to display.

Products

Customise the appearance of the product page:

  1. Access your Shopify admin panel.
  2. Navigate to Online Store > Themes.
  3. Click "Customise" next to the theme to enter the theme editor.
  4. Open the drop-down menu situated at the top of the page, then click on "Default Product".
  5. Customise your products page by using the Sections and Theme Settings (Variant Pills & Product Cards) tabs.
  6. Click "Save."

Collections

Customise the appearance of the collection cards here:

Add Page

To create a new page using the Shopify app, follow these steps:

  1. Access your Shopify admin.
  2. Navigate to Online Store > Pages.
  3. Choose "Add page."
  4. Provide a title and content for the new page.
  5. Click "Save".

Create a Template Page

To create a new template and edit your Shopify theme, follow these steps:

  1. Access your Shopify admin.
  2. Go to Online Store > Themes.
  3. Locate the theme you wish to edit and click on "Customize."
  4. Open the drop-down menu situated at the top of the page, and then click on "+ Create template."
  5. Assign a unique name to your newly created template.
  6. From the dropdown menu, select the existing template you want to use as a basis for your new template.
  7. Click "Save".

*Once you have finished customising your template. it will need to be linked to a page. See next steps: Link Template to Page

Link Template to a Page

Link template to a page

To apply a new template to a page in your Shopify store, follow these steps:

  1. Access your Shopify admin.
  2. Go to Online Store > Pages.
  3. Click on the title of the store page you wish to modify.
  4. In the Online store section, use the dropdown menu to choose a new theme template that you want to apply to the page.
  5. Click on "Save" to publish the changes.

Link Text Field to a Product (Metafields)

To link text to a specific product in your Shopify store, follow these steps:

  1. Access your Shopify admin panel.
  2. Navigate to Online Store > Themes.
  3. Click "Customize" next to the theme to enter the theme editor.
  4. Open the drop-down menu at the top of the page and select "Default Product."
  5. In the editor sidebar, select the text you want to update.
  6. Click the "Dynamic Source" icon above the text field.
  7. Under the "Product - Main Page" heading, click "Add metafield" to access your store's Product metafield settings.
  8. Provide a label in the "Name" field and click "Save."
  9. From your Shopify dashboard, go to Products.
  10. Choose the product you want to update and scroll to the "Metafields" section. Update the details and click "Save."
  11. Return to the Shopify Editor and find the text you want to edit in the sidebar. Delete its contents.
  12. Click the "Dynamic Source" icon above the text field and select the new metafield you created.
  13. Click "Save."

Launch your store

Adding and updating products

Adding and updating product information

To add or update a product in Shopify, follow these simple steps:

  1. Access your Shopify admin panel.
  2. From the dashboard, go to Products.
  3. On the Products page, click "Add product."
  4. Enter a title for your product and fill in the additional details as required.
  5. Click "Save."

Adding image variants to products

  1. Access your Shopify admin panel.
  2. From the dashboard, navigate to Content > Metaobjects > Manage Definitions.
  3. Under 'Product metafield definitions', click on Products.
  4. Fill in the following terms in the provided fields:
  • Name: Color image swatch
  • Namespace and key: custom.color_swatch
  • File: List of files
  • Accept specific file types: Images

6. Click on Save.

Next, update your product page:

  1. From the dashboard, go to Products.
  2. Select the product you want to edit.
  3. In the Variants tab, list your product's colours under 'Option Values'. Click Done.
  4. Go to the Metafields tab, then upload your product colour images. Note: Ensure your product images match the order of your variants list. For example, if your variants list is Black, White, Grey..., your images must be in the same order under Metafields.
  5. Click on Save.

Create product collections

How to group products into a collection:

To group products into a collection in Shopify, follow these steps:

  1. Access your Shopify admin.
  2. Go to Products > Collections.
  3. Click "Create collection."
  4. Enter a title and description for the collection.
  5. In the Collection type section, choose a condition rule/s.
  6. Click "Save."

Remove password protection page

To remove password protection from your Shopify online store, follow these steps:

  1. Access your Shopify admin panel.
  2. Navigate to Online Store > Themes.
  3. Locate the banner showing the message "Your online store is password protected."
  4. Click on the option to "Remove password." This action will deactivate the password protection and enable public access to your online store.

*You can also remove the online store password from the Preferences page of your online store in your Shopify admin.

  1. From your Shopify admin, go to Online Store > Preferences.
  2. Go to the Password protection section.
  3. Uncheck Restrict access to visitors with the password.
  4. Click Save.

Title and meta description

To optimize your Shopify store for SEO for your home page, follow these steps:

  1. Access your Shopify admin panel.
  2. Navigate to Online Store > Preferences.
  3. In this section, enter a title and meta description for your store, adhering to SEO best practices to enhance search engine visibility.
  4. Once you've confirmed the accuracy of the information, click the "Save" button to apply the changes.

Integrate Google Analytics

To set up Google Analytics in your Shopify admin, follow these steps:

  1. Access your Shopify admin panel.
  2. Navigate to Online Store > Preferences.
  3. In the Google Analytics section, click on "Manage pixel here."
  4. Proceed to "Connect your Google account" to link your Google Analytics account with your Shopify store.

Link product image to a variant

  1. In the dashboard, go to Products and select the product to edit.
  2. In the Variants tab, list the product colors under Option Values and click Done.
  3. Click the photo icon next to each variant.
  4. Select the corresponding photo for each variant.
  5. Click Save.