Chapter 11 of Shopify Instruction Series - Your Theme Structure

Begin your Shopify 14 day free trial here: https://goo.gl/yoVxdf

The Dropshipping Database your competitors wish they had access to - Worldwide Brands has been researching dropshippers from all over the world for over 17 years. Click here to see a test drive

Hello, welcome back! 

In this lesson, we'll design some basic structure of your theme so the design of your pages are best for your brand. 

Click Online store, Themes, Customize

Look to the left of your Theme's organization. You'll see several buttons that make up the structure of your site's theme. A theme gives you the overall look of your site so that every page in your website looks uniform. 

You can always add more buttons to your theme's structure, and I feel sure you'll change your site's structure from time to time as your store grows. 

Look to the left of your screen, you'll see the structure of your theme

You'll see:

Header

Slideshow

Rich Text

Collection List

Footer

in this example.

Click on Header. You can see the Logo we created in a previous lesson and installed there. 

Click on the Show Announcement Box under the Announcement Bar. Enter an announcement there you'd like people to know about your store. 

You can see we've chosen the following text: 

FREE SHIPPING WORLDWIDE ON ALL PRODUCTS 

This message shows up in the top right of the screen above the Cart button. 

The announcement you decide on can also have a link attached to it so they can click there. In this example, we've chosen "All Collections" on our link. This would allow them to show all categories of products available on our store. 

Tip: You could choose something different such as: 

"See our sales items now!"  and create a collection of items that are currently on sale. Then put a link to your Sales collection here. 

Click on the arrow next to the Header at the top

Now we're going to examine the other sections of your theme. 

 Click on Slideshow

If you want a slideshow of some of your categories (collections), this is a good way to create one. 

Click on the Auto Rotate slides box if you want them to slide by themselves. 

Choose whether you want the slideshows to slide by themselves and how long they should pause

Tip: If you want your images to take your customers to a portion of your shop, you may want to use a photo editor to put some text on them so they know what collection they'll be directed to if they click. 

You can see an example of this on the slideshow on our home page of this website. 

Click on the first image. It expands and allows you to add an image, and a link.

Click on the first image, and so on. 

You can add more images and links until you've used up all 6 available. 

Click the arrow next to Slideshow to return to the Theme sections. 

Click on Add Section to see choices of items

 

 

Click on the link that says Add Section to see all the choices of types of items you can add to the main body of your store.

In this example, you could add an image with text.

Click on each one of these choices of things you can add to your page and add some. Preview them in the screen to the right to see how they appear.

Tip: You'll want to spend a lot of time to test it by adding these to your site and deciding what's best for your brand.

For example, we added a collection list and could choose several existing collections to display For example, we added a collection list and could choose several existing collections to display

Tip: We'll be adding collections in future lessons. For now, just think of collections as categories of products because that's really what they are. 

Adding a rich text section to your theme

Adding a Rich Text Section allows you to communicate with visitors about your brand. Click on the arrow at the top to return to the Main Theme Sections. 

Click on the Footer section of your Theme design

Click on the Footer section. You can see some of the items we've chosen to add to this section. Under Quick Links, we chose the Footer menu we created in the last lesson. 

Spend some time designing your site however it fits your brand. 

When you make any changes, just make sure you click on the Save button each time it shows up at the bottom of the Theme Sections. 

In the next lesson, I'll teach you how to personalize colors and other important aspects of your design. 

See you then! 

Begin your Shopify 14 day free trial here: https://goo.gl/yoVxdf

The Dropshipping Database your competitors wish they had access to - Worldwide Brands has been researching dropshippers from all over the world for over 17 years. Click here to see a test drive

If you wish to watch the video version of this lesson, you'll find it here:  

 


Older Post Newer Post


Leave a comment

Please note, comments must be approved before they are published