Atlantic's general settings
The General settings tab (located to the right of the Sections tab) lets you make global changes to the look and feel of your store, including typography, text and background color, as well as links to your social media accounts. Here's the nitty-gritty on everything you'll find there.
Virtually every color in Atlantic is customizable, with clear self-explanatory names and descriptions in the theme settings. The colors are organized into three categories: General, Header, and Navigation.
Click on the swatch to edit the colors. A popup with a color selector will appear, which allows you to adjust and experiment with custom colors.
The box on the right displays the current color, the one in the middle the color you're changing it to, and the checkered one on the right is transparent. You can also enter a specific color hex code in the bottom right corner if you wish.
Atlantic comes with dozens of hand-picked fonts for your store. Fonts can be set for your store's Body font, Heading font (primary and secondary)and Accent text using the corresponding dropdown menu.
To add emphasis to the heading font, you can Capitalize it by checking the box.
A favicon (also known as a website icon, tab icon, or bookmark icon) is a small icon that represents your website and provides a shortcut to it wherever the icon appears. There are a whole bunch of sites that can help you generate a favicon for your store, or you can create your own.
Once you have an image you want to use, upload it under the Favicon setting of the theme editor. You can also select an image from your media library. We recommend a 16 x 16px .png file.
The product grid section allows you to make global changes to the way users can view and interact with your products. This includes the details that are included in product listings (brands, links, etc.) as well as whether users can add products to their cart without leaving the page they are currently viewing (also known as "quick shop").
Under General, there are three checkboxes: one for Show brand names/links, one for Show product image borders, and one for Enable product details overlay. They're fairly self-explanatory, but if you need more explanation, the best thing to do is navigate to a product or collection page, toggle them on and off, and see what happens.
If you want to change the brand names, links, or any other product details, you can do so under Organization>Vendor on the product page of the Shopify admin.
By enabling quick shop on your theme (it's actually enabled by default) you'll allow customers to view and select products without leaving the page they're browsing, creating a fast and seamless shopping experience.
Start by checking Enable quick shop if it isn't already checked. Then select the Product thumbnail position you want to use from the dropdown menu. This option refers to the alternate views of your product that appear adjacent to the main image. You can opt to show them to the Right of main image, Below main image, or No thumbnails, display as list.
Below that, there are four checkboxes that let you customize the information that displays in your quickshop popups. Choose whether or not to Show quantity selector, Show email link, and Enable quick-add to cart (meaning that when a user adds an item to their cart, they will stay on that page, as opposed to being directed to the cart page).
Atlantic supports social icons for Twitter, Facebook, Google+, Pinterest, Instagram, Tumblr, YouTube and Vimeo. Simply enter in your account URL in the relevant field and the social icons will automatically appear in your footer.
Shopify works in virtually every country and every currency. With Atlantic, you can cater to international customers with a currency converter that displays as a dropdown menu in the header of your store. This allows customers to dynamically update their prices throughout your shop.
After enabling the converter by checking Enable currency conversion, you can choose which currencies are supported and how they’re displayed.
Under Format, you can choose whether or not to display the currency acronym on product and collection pages (e.g. $10.00 CAD vs. $10.00).
Under Supported currencies, you can select which currencies you want to allow users to display when browsing your store. Be sure to use the country’s ISO currency code, and separate each with a space. Note that exchange rates used by Shopify are refreshed twice a day based on rates at XE.com.
You’ll also set the Default currency on this page. This is the currency that will display when a user first lands on your site, i.e. before they have had a chance to use the currency customizer. This is different from your store’s Operating currency, which is the currency you use to process orders. You can set your operating currency in the Shopify admin under Settings>General>Standards and formats.
Under the Checkout section of the theme editor, you can add custom banner images, logos, and backgrounds, as well as customize the fonts and colors used throughout the checkout process.
The banner is the top section of the checkout screen where your store name appears. By default, it is transparent (or whatever color your store's background is) however you can customize it by uploading a Background image in the Banner section. We recommend uploading an 1000 x 400px image.
If you want to add your store's logo to the checkout page, simply upload an image to the Custom image box. You can use your standard storefrontlogo or you use a different one instead. You can also define the Position (left, center, right) and Size (small, medium, large) of your logo by making a selection from the bottom two menus.
MAIN CONTENT AREA
The main content area is the left side of the checkout screen where a user inputs their email and shipping address. If you'd like to use a custom background here, either upload a Background image or use the color picker to select a Background color. You also have two options for the color of the Form fields—white or transparent.
The order summary is the right side of the checkout screen where customers can review the details of their order. Upload a Background image or or use the color picker to select a Background color.
You can customize both the Headings and Body fonts used on the checkout screen by selecting fonts from the corresponding dropdown menu.
You can customize the colors that appear on the checkout page under Colors. You can see which areas correspond to each section (Accents, Buttons, and Errors) by watching how changes are processed in the preview screen.
You can customize more of the checkout settings from the Shopify admin.