adartstudio

Homepage Sections

There are 12 different sections available on Homepage.


1. Slideshow


http://take.ms/fvWma


Recommend size: width >2048 for Retina, 1600 for best performance.

You can enable Full-height function.



Add unlimited content, each slide comes with many options: text color, alignment, heading, subheading, description, button.




By default, our theme set the slideshow to always cut to center when in responsive mode. Therefore, your images in slideshow are just showing the center.

If you don’t want that, you can change Responsive option from Auto to Manual.

Then you can add your own responsive style manually in  Edit code > Assets > theme.scss.liquid.




http://take.ms/TnXbL


You can enable Behind the header option so the slideshow will be under the header. You can lower header opacity at General Settings > Colors > Header.


2. Banners


http://take.ms/DUVMP


Unlimited banners to be added.

Uncheck “Use container” to set banner in full-width.



http://take.ms/CRKpP


Each banner comes with many options. Set the width of each one and the banners will be automatically ordered in masonry grid.


3. Collection list



http://take.ms/xCKA8


Unlimited collections to be added.

Disable container to use full-width grid, you can also disable spacing between collections.

Each collection comes with many options.

  • Set width of each collection and they will be automatically ordered in masonry grid.

  • Set image of each collection (different from Featured Image in collection setting)

  • Add collection description (appear when hover)


4. Featured Collection


http://take.ms/Vr2Ag


There are 2 types of display collection: Grid or Carousel.


http://take.ms/KJUrd


http://take.ms/AmTq9


5. Image with text


http://take.ms/DUDHC

You can set width for each image or paragraph.


6. Image with text overlay


http://take.ms/Poxw5



http://take.ms/XFWCM


7. Video


http://take.ms/PXkhm


Remember to put in Embed code from Youtube or Vimeo. Read here to know where to find it.



8. Product list


http://take.ms/CuVFv


Unlimited products to be added.

Same as Featured Collection, this comes with 2 types of display: Grid or Carousel.


9. Instagram feed


Remember to paste your Instagram Access Token in General Settings tab > General > Instagram Access Token. You can get this token key here.


10. Blog posts



http://take.ms/P4Uj5d


Blog feed automatically sorts by latest posts.

You need to enter title, sub-title, choose the blog categories and number blogs. There are other options to display:




11. Newsletter


http://take.ms/Oku5E


You can set MailChimp form action URL in General Settings tab > General.



12. Store Info

Unlimited items to be added.

You can choose to add image or icon (from fontawesome library). Remember to write fa-iconname (which you can find here).


http://take.ms/qI6sP


    • Related Articles

    • Homepage Configuration

      Homepage Sections There are 12 different sections available on Homepage. Slideshow http://take.ms/fvWma Recommend size: width >2048 for Retina, 1600 for best performance. You can enable Full-height function. Add unlimited content, each slide comes ...
    • Homepage sections

      There are 13 different sections available on Homepage. Slideshow Image Size Recommend size: width >2048 for Retina, 1600 for best performance. Enable Full-height: if enabled, slideshow will auto scale all images to equal the height of screen. ...
    • 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 ...
    • Aries - Changelog

      To save all modifications from the old version to the new one, please follow our instruction here: Install & Update theme Version 1.0.6 – Jan 14th, 2019 Fix URL to get Instagram access token Fix minor bug when option value contains special characters ...
    • Other Pages

      About us To create About page, navigate to Shopify admin > Online Store > Pages > Add page. Put your Page Title and Content, and then choose Template suffix (on the right sidebar) as page.about. To customize About page, navigate to Customize theme > ...