Where Can You Edit the Menu Type Mobile Squarespace
According to Squarespace, its templates are "award-winning". But that could mean anything, really. It could even just be marketing mumbo-jumbo.
So I decided to investigate.
A few Google searches later, I found the truth: Squarespace has actually been shortlisted and won a few Webby awards, including one for the best visual design.
I have to admit that I'm not completely surprised. Squarespace has long been the gold standard when it comes to sleek, polished template designs. As our full review of the website builder notes: "hardly any other company understands how to stage its product with such perfection. Everything looks cool, fresh and impeccable".
With its latest 7.1 release, Squarespace's templates work a little differently – but that doesn't mean they've compromised on quality. In fact, Squarespace's templates are now more versatile than ever.
However, the version 7.0 templates also have a few advantages – and, amazingly, they're still available to use. So, let's explore the differences between the two versions, to help you decide which is better for your website.
What are the Differences Between Squarespace Templates in Version 7.0 and 7.1?
When you sign up for a new Squarespace website, you'll automatically be presented with Squarespace's newest templates (version 7.1) to choose from:
However, if you scroll down the page, you'll see an option to choose from its earlier version 7.0 templates instead:
Visually, there's not a huge difference between the 7.0 and 7.1 templates – both versions offer stylish website designs that reflect Squarespace's unique brand of minimalism.
Functionally, however, there are a few key differences to be aware of. In my opinion, the most important one is that Squarespace 7.1 templates use the same base template, meaning that no matter which template you choose, you will have access to the same layout and styling options as any other template.
Plus, version 7.1 offers over 100 pre-built sections (headings, text, images, galleries and more), which can be added to any page. That ultimately gives you greater control over your site's design.
Let's break these differences down into greater detail:
| Feature | Squarespace Version 7.0 | Squarespace Version 7.1 |
|---|---|---|
| Templates | Allows you to switch between templates, even after you've already started using a template | Doesn't allow template switching. However, you have greater control over your template layout and design, meaning you can completely overhaul your template if needed (see next row) |
| Styling | Fonts, colors and styles are defined by template – your options to customize them are limited. Adjustments are made on a page-by-page basis. However you have the option to edit HTML, CSS and JS on Squarespace's Business plan | All templates have the same style and layout options, so you have more freedom to customize. Adjustments can be made on a section-by-section basis. As with 7.0 you can also inject custom code if you have a Business plan |
| Mobile responsiveness | All templates are mobile-responsive. Some 7.0 templates allow you to specify your own styles for displaying certain elements on mobile (e.g. font, logo size, navigation bars) | No option to specify your own mobile styles, however all templates are automatically mobile-responsive |
| Blog | Layout options are limited, and determined by the template you choose (e.g. list or grid display) | You get greater control over the layout, as all templates offer the same options (grid, single column, masonry display and more) |
| Online store | Uses 'Product Pages'. Maximum of 200 products, and uses category navigation without dropdown menus. Features such as quick view, image zoom and waitlists only available with some templates | Uses 'Store Pages'. Maximum of 10,000 products, and uses category navigation with dropdown menus. Greater control of layout as you can add sections to Store Pages. Quick view, image zoom and waitlists available with all templates |
| Image galleries | Offered through 'Gallery Pages'. Display options limited to two layouts only | Uses 'Gallery Sections' instead, meaning you can add these to any page. More versatile layouts available (strips, masonry, reel etc) |
| Development Platform | Allows you to build a custom Squarespace site from scratch. Only recommended if you have technical expertise and need a custom site | Not currently available for Version 7.1 |
Can I switch from a Version 7.0 Template to a 7.1 Template?
Unfortunately there's no way to change from a version 7.0 Squarespace template to a 7.1 template. If you have an existing site built with a 7.0 template, the only way to upgrade to 7.1 would be to manually rebuild your site. That means recreating the layout and copying and pasting over the existing content.
How Many Squarespace Templates Are There?
One of the first things I'm after when rating templates is a good selection. But as someone who has wasted hours of my life going through hundreds of WordPress templates, I can also tell you that too much choice can be a pain.
So the first great news here is that Squarespace seems to hit the right spot. Both 7.0 and 7.1 each offer around 110 templates, available in the following 15 categories:
- Portfolios
- Photography
- Online Stores
- Blogs & Podcasts
- Professional Services
- Local Business
- Community & Non-Profits
- Events
- Weddings
- Entertainment
- Memberships
- Restaurants
- Personal & CV
- Real Estate & Properties
- Launch Pages
It's a manageable number. But if you do the math, that's not many templates per category. However, you'll find that each template is flexible enough to be modified for multiple purposes – especially with the latest 7.1 release.
Is There a Difference Between Templates and Squarespace Themes?
No.
They're the same thing but with a different name. Squarespace themselves call them templates, not themes. But… there's also the template families.
Wait, What Are Squarespace Template Families?
Good question. The first thing to understand here is that template families is a term that's really only relevant to version 7.0. It's simply a group of templates that share the same underlying structure.
Why does this matter? Well, it just means that some styling options will only be available in certain template families.
So for instance, in version 7.0, the templates Adversary, Alex and Ginger are all based on the Marquee family. Some unique features of that family are:
- Site header can be fixed at the top while scrolling
- Logo size can't be changed
- Sidebar isn't supported
- Parallax scrolling works on banners
The Adversary template, used for a band website
That's no longer important in version 7.1, however, because all templates belong to the same family. So, you'll have the same options for designing and styling your site, no matter which template you choose.
Which leads us to the next important point: how to choose the right Squarespace template:
How Should I Choose a Squarespace Template?
Choosing a Squarespace template can be tricky (especially when you have so many gorgeous designs to choose from!), but you have a number of tools at your disposal to help make the process a little easier:
- Make use of the categories (Online Stores, Portfolio etc) to help you filter your choices down. Can't find a template you like in your category? No problem – as all templates can be adapted to any purpose, simply choose a template that has a similar look and feel to what you want for your site, regardless of the category
- Be sure to preview templates before you settle on one (you can even fully demo it to get an idea of what a live site would look like). This is really important, as you won't be able to switch your template later (if you're using version 7.1)
With Squarespace version 7.1 templates, it's fairly easy to change up your layouts, thanks to the ability to add in pre-built sections. So I'd recommend choosing a template based on styles (fonts, colors etc) rather than layout, as it takes more work to make stylistic tweaks than structural ones.
If you're using a version 7.0 template, remember that your styling options are dictated by your template's family. That means you need to consider how you want your site to behave when choosing a template. Do you want to list your blog posts in a grid? Do you need a content sidebar? How about navigation links in the footer?
I know it sounds a bit overwhelming, but luckily Squarespace has a handy template comparison chart for v7 templates here.
Squarespace Templates in Version 7.1
What's really great about the approach that Squarespace has taken in version 7.1 is that all templates have the same underlying structure and styling options. That gives you a good amount of freedom to customize your templates as you'd like – something that was painfully lacking in version 7.0.
So for example, you might start out with an ultra-minimalistic, text-only template like Suhama (ideal for CVs and personal sites):
And make adjustments (insert new sections, change font and colors etc) to end up with a more visually rich template like Tepito:
In fact, Squarespace's version 7.1 templates are so versatile that you can modify any of the following elements:
- Fonts (font families, spacing, height etc)
- Colors (thanks to Squarespace's customizable color schemes and palettes)
- Buttons
- Animations
- Spacing
- Custom CSS
- And more
All of these elements can be customized in the Design menu – check out our Squarespace tutorial to learn more.
Squarespace Templates and Families in Version 7.0
If you decide to go for a version 7.0 template, a good place to start is the Brine template family. It's the most popular and flexible one, used to build over 40 templates. It has an Advanced Products Page, parallax scrolling, and a stacked Index Page.
Here is the original Brine template in action, which is the base for an online store that sells pickles. Now I don't know about the business potential, but the design looks great.
But here's the magic of template families: here is Brine completely transformed into a Restaurant website called Basil. Below is the menu page, which uses a "collection page" to add items.
And here it is again, transformed into a template called Hatch, which would work great for a personal website or freelancer portfolio.
Here are more examples I really like:
Great Squarespace Blog Template – Tudor
I mean, just look at that. Tudor is a magazine style, clean, 3 column layout (which can be adapted), nice modern typography, minimal social media icons. It makes me want to start a blog just to play with this template.
Great Squarespace Template for a Portfolio – York
York is used here for a designer, but anyone who creates with visual media can make their work shine. The pictures take center stage, and you get more info when you hover over them, perfect for a quick project descriptions or case studies.
Best Squarespace Template for Photographers – Ishimoto
I really like how this Ishimoto theme lets you highlight one big picture and allows users to quickly navigate a gallery thanks to the carousel. It's minimalist, effective, and beautiful.
How Much Customization Do I Get With Version 7.0?
As you've seen with the Brine family, you can completely transform your template by moving elements and using the standard customization options. This is all done through the Site Styles.
Site Styles example with the Brine template
Site Styles will let you modify things like:
- Typography: (font family, color and size)
- Sizes and values (for padding, spacing, etc)
- Images aspect ratio
- Background image
- Showing and hiding elements
- And more…
After making the changes, you can decide undo or save them. If saved, they will appear live on your site.
But if you want even more customization options, you're in luck because Squarespace also offers:
- Blank templates: choose a blank template instead of using a demo with its content, this could give you more creative control.
- Custom code: Yes, you can add HTML or CSS to your site. But you'll need the Business plan to do so, and support won't help you if something goes wrong (until you remove the custom code).
- Premium features: depending on your Squarespace plan, you can add premium features such as the aforementioned code blocks, JavaScript injection, and more.
A final thing to note: when you sign up for a free Squarespace trial, all the Premium features are automatically enabled. However, you will lose them if your plan doesn't support them later.
Are Squarespace Templates Mobile-Friendly?
By default, yes. All Squarespace templates are designed to be responsive, so the elements will rearrange themselves to look good on screens of any size.
However, in version 7.0 you have the option to tweak a few elements, in case you need to make the site play nice. For instance, see how the title on this Mojave theme is too big for a small screen?
The title might need to be shortened or resized manually for mobiles
Also, you can make your site even mobile-friendlier by following a few tips and tricks.
How Much Do Squarespace Templates Cost?
That's an easy one: they're all free.
But you can also purchase tailor-made templates directly from external designers. These tend to hover around the $100-300 mark.
Can I Find Squarespace Templates Elsewhere?
Yes, as noted above. Just search for "Premium Squarespace templates" and you'll come across a few developers who specialize in selling custom Squarespace designs.
Be aware though that many templates require the use of the Squarespace Developer Platform – and this is currently only available for version 7.0. For version 7.1, you can also buy template kits on some websites that come with step by step setup instructions (you basically use their artwork and build the design in Squarespace yourself). This seems like a complex roundabout way, but could be useful if you want to independently change your site later.
Important thing to note: if you simply copy and paste the code yourself, it will fall outside of the scope of Squarespace support.
As to other pros and cons of a Premium Squarespace template? I'd say the main advantage is that your site will stand out from the crowd. Even with all the customization options, you're likely to find more and more sites that look a lot like yours.
But it can also be expensive, especially if you need to purchase changes later on. Sure, there will be a flat fee for the template, but you'll be tied to the developer's code, and they might not offer unlimited support.
Conclusion: Pros and Cons of Squarespace Templates
There is a lot to like about Squarespace templates – and even more so with version 7.1. The website design is impeccable, as expected, but the customization and range also appear to give just the right amount of choice without being overwhelming.
Pros of Squarespace Templates
- Stylish, and aesthetically pleasing
- Decent selection
- Good flexibility and customization options (especially with version 7.1)
- You can add custom code
However, I can understand how some people would want more customization options or choices. In that case, I would probably recommend you look at Wix (flexible enough to place everything manually from the editor), Weebly (which lets you tweak the code to your heart's content), or even Webflow (which provides you with complete control over your site's design, without the need for any coding).
Cons of Squarespace Templates
- Advanced customization might require premium features
- They rely on big, beautiful images. If your content isn't as high quality, the templates quickly look less attractive
- Templates are customizable, but still based on rigid grids. You don't get full control over elements like with other, more flexible builders.
And that about covers it. Anything else you'd like to know about Squarespace templates? Let me know in the comments below.
UPDATES:
29 Jan 2021: Updated to reflect version 7.1 changes
About Josep Garcia, M.A. Multimedia Applications (UOC)
Hi there, I am Josep Garcia. Since 2014 I've been testing and writing about website builders and hosting services, and I share all my learnings at Tooltester.com. I hope you enjoyed this article, but of course, if you have any questions, please leave me a comment below.
Where Can You Edit the Menu Type Mobile Squarespace
Source: https://www.tooltester.com/en/blog/squarespace-templates/
0 Response to "Where Can You Edit the Menu Type Mobile Squarespace"
Post a Comment