Small Victories

California Theme Documentation

Theme Recommendations

Find the best collection's layout (two, three, four or six columns) that fits well with your store style and products.
Find a good landscape background image for your store's home page hero. Making a first good impresion to your customers is key. If you don't have access to any good pictures, you can find some good ones making a Google search for "free stock photos".
If possible, upload all your product featured images with same dimensions (the image width and height). That way the collection's page layout will look much nicer (example).
At the header side navigation menu don't show too many options. Keep it simple.
Add break lines to your home page tagline so it shows nicely. Instructions here.
At the home page pitch (the "Why are we different?" section at the home page) try to have a pitch title that (when displayed on a large screen) fits into one line. And also, very important, have all the reason descriptions with similar text lengths (so all show with the same number of lines).

How to connect the newsletter form with Mailchimp?

First you need to add a 'Newsletter' block to the 'Footer' section:

Any customers who sign up will have an account created for them in Shopify.

Then you can use the free Mailchimp app: https://apps.shopify.com/mailchimp and have it automatically sync each new user with your Mailchimp list.

How do I change the fonts of the theme?

For changing the font family go to the Theme Editor > General settings > Typography > Heading font or Body text font.

How do I change the logo?

You will need to change the home page logo and the header logo.

How do I change the language of the theme?

You can change the language of the text of the theme at: California Theme Editor > Theme actions > Edit Languages > Change theme language.

How do I change the colors of the theme?

Yes. You can change the colors easily at: California Theme Editor > General settings > Colors.

How do I edit the home page text?

You can edit the home page text at: California Theme Editor > Sections > Slideshow > Content.

There is also some theme's text inside California Theme Editor > Theme options > Edit Languages.

How do I hide the pitch section (the one with the big numbers) at the home page?

You can hide the home page pitch at: California Theme Editor > Sections > Text columns > Delete section.

How do I add a line break to the home page tagline?

You can edit the text in California Theme Editor > Sections > Header Hero Slideshow > Content > Image slide > Tagline

Then just use the html tag:
where you want to have the line break at your home page tagline.

For example, at this store, we are using: "The best thing <br>since plastic flowers".

How do I show my latest blog posts at the home page?

You can show the latest blog posts at: California Theme Editor > Sections > Add section > Blog posts.

How add a slide to the slideshow?

Go to the theme editor and click on "Slideshow":

Then scroll down to the bottom of the Slideshow editor options and choose "Add image slide":

Then just set all the slide options, including the image for the background.

How do I change the home page logo?

You can change the home page logo at: California Theme Editor > Sections > Header Hero Slideshow.

What is the recommended size for the slideshow images?

There is no recommended size as those images fill a background space that changes depending on the browser window width and height.

The theme already includes code that resizes the image to optimize the image to those different resolutions.

So the guidelines here are two:

upload the bigger image you have (for example 2400 x 1200 pixels)
upload a landscape image (width bigger than height) for desktop and a portrait image (width smaller than height) for mobile devices.

If you follow those two guidelines then you will be fine.

How do I change the header logo?

First you need to go to the theme editor and navigate to a page that includes the header. Then: California Theme Editor > Sections > Header > Logo.

How do I show the product available stock?

You can show to your customers each products available stock with: California Theme Editor > Navigate to the product page > Sections > Product page > Inventory > Show available stock units.

How to add the "Product Reviews" App?

For adding the Product Review App (https://apps.shopify.com/product-reviews) in the products page follow the App instructions until you get the code snippet to insert in your store.

Then go to the theme editor > Edit code, and choose the "Snippets" folder:

And open the "product.liquid" file:

Then insert your code snippet after the product description, that's around line 150:

Save the changes and that should be it.

How do I change how many products appear on each row?

You can change the amount of products showing on each collection row at: California Theme Editor > Navigate to a Collection page > Sections > Collection page > Products per row. You can choose between: 1 and 6 products per row.

How do I change the order or create a selection of Collections?

Access your store's admin page and on the left nav go to Online Store and then Navigation. Click the "Add menu" button and create a new menu with title "Featured collections" (it's important you use exactly this same words). Then on the Menu items section start adding all your collections in the desired order. It doesn't mind which name for the menu item you place, the important part is that you pick the collection on the Link field.

At that should be it. Automatically the theme code when rendering your collection list will pick this navigation menu and render the collections you have added to that list.

How do I expanded the page content so it fills the entire width of the page?

When editing the content of the page, change the template suffix to: "page.expanded".