Sportswear #

Click here to view demo site Sportswear store

In this article setting :

When you install theme, theme have all sections, and now you just add content for them, into Customize > Sections.

With Sportswear store, you can change layout for homepage to 1 column, 2 column2 with sidebar on left or 2 column with sidebar on right. This configuration in General Settings > Home Layout.

I. Header Configuration

The Fastest theme has been equipped 10 header styles available with different layouts to compatible with all style stores. With Sportswear store, we use header style 1 as default value.

You can check header section for more configuration.

II. Slideshow Banner

The max number of the slider the customer can add is 4 sliders.

You see value such as width, height, animate,… It is default value. You can to use it or to change what you want. And then upload image for slideshow

III. Block ‘New Collection’

This is “Block product style 1” section. You can view other block product styles at here.

Configuration :

– Heading : enter the title of block.
– Translate heading : translate title of block. Refer translate section to get more about it.
– Collection : choose a product collection to show products.
– Limit : the number of products will be shown.
– Block Button Href : the link of button display below of subtitle.
– Block Button Title : the title of button display below of subtitle. If empty, this button is not shown.
– Translate Button Title : translate for button title.
– Show label : show/hide the label of product such as sale, new, trend, bestseller( view this section to config your product labels )
– Show Wishlist :  show/hide wishlist button.
– Show Add to cart : show/hide add to cart button.
– Show Quick Shop button : show/hide quickshop( quickview ) button.
– Show Compare button : show/hide compare button.
– Show More View Slider : show/hide more views image slider.
– Show Social Sharing button : show/hide social sharing button such as facebook, twitter, pinterest …
– Show vendor as brand : show vendor of product as brand. You must upload to asset a brand image by a .png file with name is handleize format of brand name. Ex : nike.png. View this article to get more about handle in Shopify.
– The elements appear with effect : Turn on/off lazy load image. If enabled, product image is only loaded when the product appears in user’s screen.
– Image size : enter the size of product image.
– Image More View Size : enter image size of more view images.

V. Block Product Tabs

This is “Block product style 3” section. You can view other block product styles at here.

Configuration :

– Block name : this field is not shown in front page. It help you avoid confusion when you add many sections are product style 3.
– Limit : the number of products will be shown in each tab.
– Show Wishlist :  show/hide wishlist button.
– Show Add to cart : show/hide add to cart button.
– Show Quick Shop button : show/hide quickshop( quickview ) button.
– Show Compare button : show/hide compare button.
– Show Social Sharing button : show/hide social sharing button such as facebook, twitter, pinterest …
– Show vendor as brand : show vendor of product as brand. You must upload to asset a brand image by a .png file with name is handleize format of brand name. Ex : nike.png. View this article to get more about handle in Shopify.
– The elements appear with effect : Turn on/off lazy load image. If enabled, product image is only loaded when the product appears in user’s screen.
– Show More View Slider : show/hide more views image slider.
– Image size : enter the size of product image.
– Image More View Size : enter image size of more view images.

In each tab :

– Collection : choose collection to show products.
– Title : enter title of tab.
– Translate title : translate for tab title.

VI. Block Home sidebar

You can ignore this block if you use home layout is 1 column.

Menu Tab

– Tab 1 title: enter the title of tab 1.
– Translate Tab 1 Title : translate title of tab 1. Refer translate section to get more about it.
– Link list 1: choose a link list for tab 1. Refer this article to get more about link list in Shopify.
– Tab 2 title: enter the title of tab 2.
– Translate Tab 2 Title : translate title of tab 2. Refer translate section to get more about it.
– Link list 2: choose a link list for tab 2. Refer this article to get more about link list in Shopify.

Special Product

– Product Block title : enter the title of product block.
– Translate Product Block Title : translate title of product block. Refer translate section to get more about it.
– Collection : choose a collection to show product.
– Product Image Size : enter the size of product image.
– Show Add to cart button : show/hide add to cart button.
– The elements appear with effect : Turn on/off lazy load image. If enabled, product image is only loaded when the product appears in user’s screen.

Banner

– Hide banner on mobile : the Banners are only displayed in screen with width > 767px.

In each banner :

  • Upload image.
  • Enter size for resizing image.

VII. Block “Latest Blog Posts”


This section will get the recent posts of a blog. If you don’t clear about blog in Shopify, you can refer this article to get more about it.

Configuration

– Heading : enter the title which is displayed on the top of block.
– Translate Heading : display heading in multi language. Refer translate section to get more about it.
– Blog : choose a blog to show the posts belong to it.
– Show author : show/hide the author of post.
– Show date : show/hide date of post.
– Show short description : show/hide a short description of post.
– Show ‘read more’ button : show/hide ‘read more’ button.
– Posts : the limit of posts.

Basic configuration

– Show footer full width : display footer with full width format.

Footer top

Column 1
– Enable column : show/hide column 1.
– Column title : enter the title of column.
– Translate column title : display column title in multi language. Refer translate section to get more about it.
– Column text : enter the text of column.
– Translate column text : display column text in multi language. Refer translate section to get more about it.

Column 2
– Enable column : show/hide column 2.
– Column title : enter the title of column.
– Translate column title : display column title in multi language. Refer translate section to get more about it.
– Your Twitter Widget Height : enter the height of twitter widget( unit : px ).
– Your Twitter Url : enter your twitter url. Ex : https://twitter.com/BillGates.

Column 3
– Enable column : show/hide column 3.
– Column title : enter the title of column.
– Translate column title : display column title in multi language. Refer translate section to get more about it.
– Facebook app id : enter your facebook app id. Refer https://developers.facebook.com/docs/apps/register to get facebook app id.
– Facebook fanpage url : enter url of your facebook fanpage. Ex : https://www.facebook.com/facebook or facebook.

Footer middle

Column 1
– Enable column : show/hide column 1.
– Logo : upload your logo.
– Logo size : enter the size to resize logo. Leave ‘master’ to display original logo image.
– Link list title : enter the title of link list.
– Translate link list title : display link list title in multi language. Refer translate section to get more about it.
– Link list : choose a link list. Refer this article to get more about link list in Shopify.

Column 2
– Enable column : show/hide column 2.
– Link list title 1 : enter the title of link list 1.
– Translate link list title 1: display link list title 1 in multi language. Refer translate section to get more about it.
– Link list 1 : choose a link list. Refer this article to get more about link list in Shopify.
– Link list title 2 : enter the title of link list 2.
– Translate link list title 2: display link list title 2 in multi language. Refer translate section to get more about it.
– Link list 2 : choose a link list. Refer this article to get more about link list in Shopify.

Column 3
– Enable column : show/hide column 3.
– The social url fields : enter your social urls in Facebook, twiiter, google plus,…
– Show newsletter signup : show/hide newsletter form.

Footer bottom

Just enter your copyright.

Help Guide Powered by Documentor
Suggest Edit