adartstudio

Theme Configuration - General Settings


General Settings

The first section in this tab is “General”, where many general settings can be edited.

Here you can edit these options:
  • Back to top button: enable/disable
  • Wishlist page: select the name of the page that uses "page.wishlist" template (for detailed instruction, please read this article)
  • Newsletter: Paste your Mailchimp action form URL (read this article to learn more how to get this link)
  • Instagram Access Token: you need to paste this token key to show your Instagram photo. You can get this token here.
  • Header Background Images in: Pages (contact, wishlist), Account page, Cart page, 404 page, Blog (recommend size: width >2048x500px for Retina, 1600x300px for best performance)





Logo & Favicon

Change your website’s logo and favicon here.




Please note that: In order to prevent breaking header's layout, we set a fixed max-height of the header. The logo always keeps the right ratio, so setting the logo's width will affect the logo's height. Therefore, if the logo's height is set in max then it's no use to set larger width.
The logo's max-height is 62px, so you can upload your image with 62px height to show the biggest logo.






Typography

Online Store > Themes > Customize Theme > General Settings tab > Typography.


You can set different font for Font Body Family and Font Heading Family.
The Default font is Lato.
Our theme supports Google Fonts, so you can go to: fonts.google.com to search for a suitable font.
Please copy and paste exactly the name of the font to apply it to your store.







Colors

Online Store > Themes > Customize Theme > General Settings tab > Colors.





And many color options for States, Product badges, Announcement header, Footer, Bottom bar.



There's an option to change "Header Opacity". Input a number from 0 - 100 to change header's opacity: 0 = completely transparent; 100 = completely solid.
*NOTE: If you're using a slideshow on top of homepage, remember to check the "Behind the header" option in Sections > Slideshow to pull the slideshow up under the header.




Currency




Please make sure to update default currency in Admin > Settings > General > Standards and formats section > Change formatting:
  • HTML with currency:  <span class=money>${{amount}} USD</span>
  • HTML without currency: <span class=money>${{amount}} </span>






Newsletter Popup

You can set MailChimp action form URL in tab "General".

(Please read this article to learn more how to get your Mailchimp action form URL)




In this section, there's only an option to change Description. To change the title and other text in Newsletter popup, please go to your Online store > Themes > Actions > Edit language > Newsletter popup.

You can adjust timing show, please notice the unit in each settings.



  • For first time visitors, the first popup will auto show after 6 seconds - you can change this number in "Delay before current show".
  • After closed, popup's next show will be after 1 minute, you can change this number in "Delay before next show".
  • If user clicks on "DON'T SHOW THIS POPUP AGAIN", next popup will show after 7 days (based on user's cookies).




Social Media




You can choose to share on 6 channels. Remember to put link below, otherwise the social icons will not show up.



Cart

There’re 3 types of cart:

  • No mini cart: direct to the cart page immediately when clicking on "add to cart" button.
  • Dropdown cart:


  • Offcanvas Cart (Slide right):



You can enable/disable cart notes on Cart page.







Product Item




There are 5 styles of product item and 7 image ratios. Changing these will affect product item's display globally.

Also, you can enable/disable image swap - change a product photo to another in variant when hovering.




Interactive Groups includes 3 buttons: Quick View (or View detail), Add to Cart (or Select Option if there is more than one variant) and Wishlist. You can toggle each of them.




You can also change the size of Quick View modal from Small to Extra large, or even set a Custom width to it.



Cookie Law

Online Store > Themes > Customize Theme > General Settings tab > Cookie Law.


Under EU privacy regulations, websites must make it clear to visitors what information about them is being stored. This specifically includes cookies. Turn on this option and user will see info box that your web-site is using cookies on first time visit. If click on "Accept", it will show again after 60 days.







Color Swatches settings


Online Store > Themes > Customize Theme > General Settings tab > Swatches settings.





It shows the color variants in product settings.



(Read here to see how to set product variants)

NOTE: Virgo shows colors taken from this list: colors.commutercreative.com/grid/
If a color is not in the list, it will show as grey.

If you want to replace default color by an image color, you need to upload an image with relevant color name into Theme's assets.

  • Open Online store > Themes > Actions > Edit code


  • Find folder Assets > Add a new asset > Upload your image (eg. "black.png", "blue.jpg"...)



There are some rules to name the image color:
  • The color name only recognizes lowercase. So for example if your product color is "gold" then the image's name must be written as "gold.png", not "Gold.png".
  • The color swatches identify spacing between words by hyphens, so if you want to replace a color named "black and gold", then the uploaded image should be named "black-and-gold.png".
  • And remember the option of image type in Swatches settings. If you uploaded a png image, then this option must set in PNG, not JPEG.






Checkout





To customize more checkout settings, visit your Shopify admin > Settings > Checkout.





Product Badges

Here is the list of supported badges:
  • Sold out: auto appear on a sold-out product (product inventory = 0)
  • Sale percentage (auto calculated %): appear on a product having compared price
  • Sale: appear on a product having "Sale" tag
  • Hot: appear on a product having "Hot" tag
  • New: appear on a product having "New" tag

Note: Each product can show only 1 badge. So we set the priority of badges like this: sold out > % > sale > hot > new

You can set color for each badge in Customize theme > Theme settings tab > Colors > Product Badges Color





    • Related Articles

    • Theme Configuration - General Settings

      General Settings In your admin site, go to Online Store > Themes > Customize Theme, you’ll see the “Theme Settings” tab. The first section in this tab is “General”, where many general settings can be edited.   Here you can edit these options: Back to ...
    • Configurations in Theme settings

      All the options below are found in Customize > Theme settings tab. General In your admin site, go to Online Store > Themes > Customize Theme, you’ll see the “Theme Settings” tab. The first section in this tab is “General”, where many general settings ...
    • Gemini - Changelog

      Remember! Whenever you update a new version of Gemini, please remember: In the old theme on your store, click Actions > Edit code > find the folder Config > settings_data.json > copy all code in this file Paste to the same settings_data.json in the ...
    • Install & Update theme

      1. Install new theme After downloading from Themeforest, please extract the zip file ("themeforest-xxxxx-aries-....zip"). Find the "aries" folder Inside that, there're all templates of Aries, which were named "aries-[demo-name]-vX.X.X.zip" (the X.X.X ...
    • Collection Page & Filter settings

      Collection Page Layout Navigate to Theme settings > Collection pages settings > Layout. Grid There are 3 types of grid:  Normal Grid:  Metro Grid:  Masonry Grid: Column number You can choose the number of products per row (column number) from 2 to 6. ...