Stars Theme | Configuring your themeStars Theme
15874
post-template-default,single,single-post,postid-15874,single-format-standard,_masterslider,_msp_version_2.20.3,ajax_fade,page_not_loaded,,qode-theme-ver-9.1.2,wpb-js-composer js-comp-ver-4.11.2,vc_responsive
 

Configuring your theme

22 7月 Configuring your theme

Posted at 14:12h in Blog by deon 3 Comments

Installation

You must install Sirius theme Sirius_shopify_package.zip from Shopify themem before you can publish it on your Shopify store. To install this theme you can do either of the following:

  1. From your Shopify admin, click Online Store > Themes
  2. Click Upload a theme in the top righthand corner.

Upload a themm

Important!
If the message “You can’t have more than 20 themes on your store appears, you must export or delete one of your installed themes before you can install another one.”

3.The Upload A Theme dialog displays. Click Choose File to select theSirius_shopify_package.zip file you want to upload, then click Upload.

4.The uploaded theme appears in the Unpublished themes section of your Themes page. Now that you’ve installed the theme, you can publish it or customize it as you choose.

Logo Home Page

Shopify enables you to add a logo by editing your Customize theme page.

Reminder!
You cannot upload animated image files on your Customize theme page. If you want to use animated GIF images you must upload them as assets and edit your theme using the Edit HTML/CSS page.
    1. Go to: Customize theme > Header > Logo Home Page
    2. Use Logo Home Page: If selected, the logo will be shown on homepage
    3. Logo Home Page: Upload your logo for normal screens (common PCs). Maximum logo dimensions are 450px wide by 200px high. The uploaded file will be resized to fit within those constraints.
    4. Logo Home Page Retina: Upload logo for retina screens (Macs, Iphone, Ipad…)

Header

Logo on Other Pages

Beside logo Hompage, Sirius allows you to upload different logo for different page. If seeing on Sirius, there’re a white logo which is very great on frotn-end. But on the category pages and all other pages on site where the background is white, the white logo gets lost. So this advanced feature was born!

white_Headers

Your menu (or any element you choose) will stick at the top of the screen when you scroll down and it “hits” the top.

Sticky Menu

If “Enable Sticky Header” selected, the menu will keep displaying even when user scrolls down the page.

Sticky Header

This logo will be displayed on the menu in sticky mode.

  • Use logo: Select to use logo for sticky menu
  • Upload sticky logo to show on the menu
  • Max Logo Width: set max width to your logo width in pixels

    • Favicon

    The favicon (favorite icon) is a small icon that represents your website and provides a shortcut to it wherever the icon appears
    To show favicon on your website:

  • Tick the checkbox “Use custom icon” to use favicon
  • Upload the favorite icon on your website.

    • Currencies switcher

    If your business is spread across multiple countries, you would always want the visitor to be able to see the displayed price in their home currency. No worried now! You will be able to choose the currencies you want to support on your Customize theme page.

  • Go to: Customize theme > Header > Currencies switcher

  • Edit your money formats: Go to Settings > Standards & formats > Currency

    • Menu Configuration

    For general menu settings, there are two neccessary areas you should know:

    1. From Shopify Admin, go to Online Store > Navigation
    2. Go to Online Store > Themes > Customize Theme > Main Menu

    How to show a new link list as navigation?

    navigation

    1. From your Shopify admin, click Online Store, then click Navigation.
    2. Select the Add link list button to add a linklist you want to set as navigation.
    3. Add links to your link list. The items of the linklist will be displayed as navigation items.
    4. Once you have added all of your links click Save.

    How to add dropdown menu?

    For every link we wish to connect to a sub-menu, like this:

    2level

    According to the image above, we have item Chairs & Stools  having a dropdown menu.

    1. All we have to do is creating a linklist that will have the same name as parent link
    2. First, we have a linklist as main menu, like this:
      link list
    3. Then, we need to create another linklist named exactly Chairs & Stools. In a nutshell, to turn any link of our Main Menu into a ‘parent’ link, create a ‘child’ menu for it using the name of your parent link.

    child link

    Ultra Mega Menu

    Ultra Mega Menu is showing visitor many related navigation options in just one click. If you want to present menu items as clearly as possible, it’s a good idea to use columns within your Mega Menu. Instead of displaying all submenu contents in a single column, Ultra Mega Menu can help you in arranging upto many submenu items in different columns by different categories. Besides, you can easily insert any banner, image or text content to mega menu.

  • Go to Online Store > Themes > Customize theme > Main Menu then personlize your Mega Menu

    • Structure of Mega Menu

    Ultra Mega Menu can display 4 levels of collections.
    This advanced Mega Menu allows you to add some extra custom content (text or html) inside Block section, and insert banner image by upload function in the UltraMegamenu tab. There are four available blocks: Block Right, Block Left, Block Top and Block Bottom, and four available banner: Banner Top, Banner Right, Banner Left, Banner Bottom

    Important!

    Note : If you don’t want to display any additional content in the main menu, simply leave those fields empty.

  • Category Blocks can be displayed in the main menu if wide menu style was selected. They can be displayed for every top-level and 2nd-level category.

    • How to create a wide menu with banner image?

    1. From your Shopify admin, click Online Store, then click Navigation > add neccessary linklists
    2. Go to Online Store > Themes > Customize Theme > Main Menu
    3. Select Menu Type to show submenu items, enter Menu Lable (New or Sale).
    4. Select menu column with a column value (at least 2 if you want to show banner image or custom content)
    5. Enable Banner type you want to show on mega menu. Then clickChoose File to upload your desired banner.
    6. Insert custom content into
    7. desired block field if Yes
    8. Proportions (ex: Proportions: Block Left) This field is applicable only for top-level collections. Select proportions between submenu items and Block Left of the current category. You can select values which will create from 2 to 6 columns in the drop-down menu.
    9. Click Save Changes button to apply your mega menu.

    Homepage Configuration

    Page Infomation

    Your home page is the first page visitors see when they go to your store’s URL. It’s controlled directly by the Customize Theme section.

  • Go to Online Store > Themes > Customize Theme > Home page to choose your home page sections and their order. Remember! Each section can only be used once on the home page.

    • home page

    Settings for other homepage versions do the same as above. And the way to customize each sections on homepage will be presented in later chapters.

    Home Banner

    Go to Online store > Themes > Customize Theme > Home page- Banner Image > then creative your own banners.

    home banner

    Product Collections

    With this collection you can display any types of Products in your store. Go to: Customize theme > Homepage > Home Page- Products Collection

    1. Products collection title: Enter a title for product collection.
    2. Collection to use: select a collection which is built to organize your New, Sale, or Featured products.
    3. Limit: limit the number of products shown with in the new product collection
    4. Enable Carousel: a tick box to enable carousel
    5. Slideshow: Change to any integrer for example 5000 to play every 5 seconds. Leave empty to disable autoplay.
    6. Show Paging/Navigation: Tick the box if you want to show paging or navigation.
    7. Columns: set the number of columns in product collection

    Home Deal

    Daily Deal of Sirius Theme helps you to create daily deal for one product on your homepage with limited time. In detail, you now can showcase multiple deals everyday and pull more customers with the help of discounts. Customers will be attracted easily to hot deals displayed in many different positions on homepage with the most professional look. Especially, responsive theme supported allows visitors to access easily in any devices.

    1. Go to: Customize theme > Homepage > Home Page- Deal of the day.
    2. Background image: Upload any background image you want for Home Deal collection.(2000px required)
    3. Date: Set specific time for each deal.
    4. Product deal off: select one of products on sale. Only products that can be used for Deals of the Day are displayed in the Home Deal collection.
    5. Title: Insert title of collection here.
    6. Content: Enter any content you desire to show on Deal collection.
    7. Button text: Text that will be displayed on buttons of the Deal collection.

    Tab Collection

    Display clickable tabs (dynamic Product collection tabs) on your homepage, each with a selection of products: Top Rated, Sale, Best Seller. Each tab will reveal its own selection of products from added collection, without the need to reload the page.

    This kind of product collection allows you to display your new products, sale or product selections on a single page, and give your visitors a larger view of your shop, thereby maximizing your chances to convert them into customers. Your homepage will be lively and well animated.

    1. Go to: Customize theme > Homepage > Home Page- Tab Product.
    2. You must enter information in all required fields: Product limit, Slideshow, Columns, Enable paging or navigation.
    3. Tab Collection allows you to show at most 4 tabs. Now, you just need to configure the required options for each tab. Simply, Insert Tab title, and select a collection which is built to organize your Top, Sale, or Best Seller products

    Blog Article

    Sirius supports you to show recent articles on the homepage. You can link your most recent articles by going to Online Store > Themes >Customize Theme button button to the ‘Blog Article’ tab.

    How to show Blog Posts on homepage?

    1. Log into the Shopify backend and create a blog and some placeholder articles.
    2. Click the Online Stores > Blogs Posts > then click the Manage Blogslink.
    3. Click on the Add blog button. Give your blog a new name and choose how you would like to manage comments. Then Click Save.
    4. Add new post to your Blog by clicking Add blog postbutton.
    5. Your blog post should now be visible in your store unless you’ve set a future publication date.
    6. Settings for Blog Artilce on homepage in Online Store > Themes >Customize Theme button button to the ‘Blog Article’ tab.
    7. Enter Blog Article title, Choose Blog to show posts, enter Blog Limit/slideshow, enable Paging or Navigation, and set the number of columns in this section.
    8. Save Changes and see how Blog Article show on homepage.

    Homepage – Video

    Our Sirius theme allows you to show a video on the Homepage. To do this, please follow those steps:

    1. Find and download the video which you want to add to your Homepage. Important!: The video must be .mp4 or .webm
    2. Go to Settings > Files then click Upload Files button to upload your video.
    3. After finishing the uploading, copy the URL of this video.
    4. Go to Online Store > Themes > Customize Theme button > Homepage Video, then paste the URL, which you had coppied, into 1 in 2 boxes. And Save changes.

      Remember!

      Depending on the video is .mp4 or .webm, paste the URL into 1 Box, respectively.

    Homepage – Testimonial slide

    The Testimonial Slide of our Sirius theme provides a rotating area for you to showcase your customer feedback on your Shopify store, with photos, quotes and clients’ names. You can easily make an impressive Testinomial Slide by following those steps:

      1. Go to Online > Themes > Customize Theme button > Homepage – Testimonial Slide.
      2. The General area allow you to settings the Background image.
        – Click box Background image use? to show the Background image or not.
        – Click Replaced to select the image you want to use.
        – The colour in Background Colour will be shown when you don not use the Image.

      1. The Testimonial area allow you to setting the Testimonial slide. There are 4 slides.
        – Click box Author image use? to show the Author image or not.
        – Click Replaced to select the image you want to use.
        – Filling Content, Author, Author Write

    1. Click Save changes to finish.

    Homepage – Instagram

    Our Sirius theme also allows you to display your Instagram post on the Homepage.

      1. Go to Online > Themes > Customize Theme button > Homepage and choose Homepage – Instagram as a section.
      2. Go to Online > Themes > Customize Theme button > Homepage – Instagram and fill in each section.

    Save changes.

    Category Page

    Basic Settings

    This theme comes with a new collection page, which is more customizable & mobile-friendly. There are some areas you need to check:

    1. Edit and Manage Collection in Products > Collections
    2. Add and assign products to each collection, go to Products > Products
    3. Go to: Customize theme > Collection Page to config filtering & set the column number in collection page.
    4. Configure to show filter by attributes (color, size or manuafacture): Customize Theme > Collection Filtering.
    5. Configure to show collection side-bar in collection page: Customize Theme > Collection Sidebar.

    Settings

    Collection Page

    Sirius Shopify theme provides lots of category variation. For example, 2~6 columns mode, show or not filtering by tags- group.

    Collection Sidebar

    The Collection Sidebar is a simple way for your Shopify Store appearance, allowing you to show all the categories and product attribute filters on the left or right column. Customers are allowed to filter multiple attributes like Category, Price, Manufacturer, Color…

    To show category sidebar navigation like on our demo, you should look for some neccessary settings below:

    1. Go to Collection Sidebar , then select sidebar position
    2. In Menu Categories dropdown selector, choose “Menu Sidebar” if you want links to categories are replaced by set of filters, including price, categories in sidebar category
    3. Go to Customize Theme > Collection Filtering and set to show filter options in menu sidebar

    Collection Filtering

    This theme includes a new advanced filter called Collection Filtering.

  • Go to: Customize theme > Collection Page > Filtering then select Filter By Groups
  • By Sirius design, This filter is displayed in vertical mode (in sidebar), but you can custom to show it in horizon mode (in a bar on top) to help improving user experience

    • Set up Collection Filtering:

    Understanding the structure of the filter:

    There are many filter items (from now we called a filter item “filter” as abbreviation)

  • To the image above, you can see there are 4 filters (Color, Size, Price, Brand)
  • To each filter, there are many values. For instance, Color has its value: beige, black, blue, gray, green, pink, red, silver and yellow.
  • When a value is selected, for instance “green”, all products (in the collection) having “green” tag will be displayed.
  • The filter Color is displayed in swatches by default.
  • To each brand, there are many values. If i want to filter by brand “Adidas”, all products (in the collection) having “Adidas” tag will be display.

    • Go to: Customize theme > Collection Filtering

  • The image above contains the settings for one filter.

    • Just do the same for others

    This theme supports up to 10 filters

  • Select Use to enable the filter

    • Enter your filter heading into Heading and its values into Filters

    Note that you have to separate each value by a comma.

    3 Comments
    • mobile apps selling platform
      Posted at 17:37h, 30 七月 回复

      Its such as you read my mind! You seem to know so much approximately this, such as you wrote the ebook in it or something.
      I believe that you could do with some percent to power the message home a little bit, however instead
      of that, that is wonderful blog. A great read. I will definitely be
      back.

    • stairway gate
      Posted at 08:31h, 09 八月 回复

      All you require is this amaᴢing gadgеt – Pressure gate wall savver Consider them as furniture slіders աith
      grіp.

    • web page
      Posted at 09:45h, 02 十一月 回复

      I think the admin of this web site is really working hard in support of his website,
      for the reason that here every stuff is quality based
      data.

    Post A Reply to web page Cancel Reply