Delphinus

Creative Multi-Purpose Shopify Theme

• created: 05/24/2016
• latest update: 05/24/2016
• by: EngoTheme
• email: engotheme@gmail.com

Introducing Delphinus Creative Multi-Purpose Shopify Theme

Delphinus is a highly flexible, responsive Shopify Theme. It's built on Bootstrap 3 and looks great on Desktops, Laptops and Mobile devices. With unique cool designs, modern, stylish, intuitive assistant and 9 Unique Home layouts, Delphinus is a good choice to build your online store. The Delphinus shopify theme supports 3 view modes for product listing page: Grid view, List view and Masonry view, all the views are lean, show info that user wants.

After purchased our theme, you need to go your download area, click on button Download and select download All files & documentation.

Once the download is complete, unzip the file and you would see the following packages:

• Guides - our detail documentation for the theme
• Licensing - the theme license
• Samples - Sample data for manual installation
• PSD - the PSD files of the theme
• Source - All Themes include

Theme Installation

To install the theme, please log in to your Shopify store and go to the Online Store/Themes. From there, click on Upload a Theme and upload the .zip file from the ‘upload’ folder included with this package.

• Step 1 – From your Shopify admin, click Online Store > Themes
  
  
   
• Step 2 – Click Upload a theme in the top righthand corner
  
  
  
   
• Step 3 – The Upload A Theme dialog displays. Click Choose File to select the delphinus-home1.zip file you want to upload, then click Upload.
  
  
   
• Step 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 orcustomize it as you choose.
  

App install

1. https://apps.shopify.com/product-reviews
2. https://apps.shopify.com/zopim-live-chat
3. https://apps.shopify.com/helpcenter

Enable Customer Registration Form

Setting Currency

Enable Store

Creat menu navigation

Add new menu

Create Dropdown Menu

Go to this page https://help.shopify.com/manual/sell-online/online-store/menus-and-links#create-a-drop-down-menu to know how to create dropdown menu in Shopify.

Creat mega menu

After creat navigation, you can creat mega menu.
Go to admin -> customizer -> Mega menu

Select navigation created for each column:

 

Create Collections

Create Products

You can import sample products ( as our demo ) or create new products.

1. Import Sample Products

 

Step 1 – From your Shopify admin, click Products

Step 2 – Click Import in the top righthand corner..

 

 

Step 3 – The Import products by CSV file dialog displays. Click Choose File to select the products_export.csv ( in folder Sample Data) file you want to upload, then click Upload.

 

 

 

Step 4 – Click to Upload file

 

2. Create New Products

 

Go to this link http://docs.shopify.com/manual/your-store/products/create-product to know how to add a new product.

 

Create Posts

Go to this link http://docs.shopify.com/manual/your-website/blog-posts/add-post-to-blog to know how to add a post to your blog.

 

We have to add an image to post to display on "From our blog" section on home page and "Blog" page. Go to this link http://docs.shopify.com/manual/your-website/blog-posts/add-image-to-blog to know how to add image to post.

 Turn on comment

Go to this link http://docs.shopify.com/manual/your-website/blog-posts/enable-disable-moderate-comments to know how to turn on blog comment.

 

 Create Contact Page

Go to this link http://docs.shopify.com/manual/your-website/pages/create-page to know how to create a page in Shopify.

 

To create contact page, create a page with title is "Contact us". In "Template" box, select template is "page.contact".

 

 

and then setting contact us page in customizer:

 

 

Ablut us page

 To create About us page, create a page with title is "About us". In "Template" box, select template is "page.about".

and then upload about us photo in customizer:

Create Wishlist Page

Go to this link http://docs.shopify.com/manual/your-website/pages/create-page to know how to create a page in Shopify.

 

To create contact page, create a page with title is "Wishlist". In "Template" box, select template is "page.wishlist".

In Delphinus theme, we support 34⁺ Sections for builder home page and other landing page.
You can see sections in customize control panel.

• s1.1Section Slider V1
• s1.2Section Slider V2
• s1.3Section Slider V3
• s2.1Section Collections carousel
• s2.2Section Collections carousel V2
• s2.3Section Collections intro v1
• s2.4Section collection intro V2
• s2.5Section Collections intro v3
• s2.6Section Collections intro V4
• s2.7Section Collections parallax intro
• s2.8Section Collections & Megamenu
• s2.9Section Collections CTA intro
• s2.10Section collections list v1
• s3.1Section products listing
• s3.2Section Products Featured V1
• s3.3Section Products Featured V2
• s3.4Section products Featured V3
• s3.5Section Products latest v1
• s3.6Section Products latest v2
• s3.7Section Products latest v3
• s3.8Section Products slider
• s3.9Section products gallery
• s3.10Section products deal
• s4.1Section call to action v1
• s4.2Section call to action v2
• s5.1Section Parallax intro
• s6.1Section Latest Blog
• s7.1Section Interactive banner V1
• s7.2Section Interactive banner V2
• s8.1Section Brands carousel v1
• s9.1Section Newsletter V1
• s10.1Section About us - Newletter
• s11.1Section Testimonial
• s12.1Sections service box
• Comming soon ...

+ Section Slider V1

In this section we added 6 sliders for work and you need config values bellow for each slider:

• Enable item x: Enabled this slider x
• Background color: Select default background color for this slider
• Background image: Upload background image for main slider.
• Image 1: Left image
• Image 2: Right image
• Image 3: Center image
• Content: Dessctiption for this slider.
• Url: Link url for button in this slider
• Button text: Text in button of url

After configuration, this section will be showing like this:

+ Section Slider V2

In this section we added 6 sliders and 3 selection different slider. You need config values bellow for each slider:

• Enable item x: Enabled this slider x
• Background image: Upload background image for main slider.
• Title: Title of slider
• Content: Dessctiption for this slider.
• Image 1
• Image 2
• Image 3
• Url: Link url for button in this slider
• Button text: Text in button of url

After configuration, this section will be showing like this:

+ Section Slider V3

In this section we added 5 sliders for work and you need config values bellow for each slider:

• Enable item x: Enabled this slider x
• Background image: Upload background image for main slider.
• Image: Image in center slider
• Title: Slider title with bold text
• Content: Dessctiption for this slider.

After configuration, this section will be showing like this:

+ Section Collections carousel

In this section we added 6 collections. You need config values for each collection bellow:

• Enable collection n: Enabled this collection n
• Select collection n: Select collection in dropdown list for section n
• Menu Navigation: Select navigation menu for this collection
• Background image: Upload image for this collection

After configuration, this section will be showing like this:

+ Section Collections carousel V2

In this section we added 6 collections. You need config values for each collection bellow:

• Enable collection n: Enabled this collection n
• Select collection n: Select collection in dropdown list for section n
• Label: Label name or collection name. If blank. it show collection name default
• Url: Url or collection url. If blank. it show collection url default
• Background image: Upload image for this collection
• Button text: Text for button show in collection

After configuration, this section will be showing like this:

+ Section Collections intro v1

In this section we added 6 collections. You need config values for each collection bellow:

• Enable collection n: Enabled this collection n
• Select collection n: Select collection in dropdown list for section n
• Background image: Upload image for this collection
• Label: Label name or collection name. If blank. it show collection name default
• Label background color: Choose background color for this collection
• Icon: Set icon for label in this collection

After configuration, this section will be showing like this:

+ Section Collections intro v2

In this section You need config values for each collection bellow:

• Select collection: Select collection in dropdown list for this section
• Background image: Upload image for this collection
• Section align: Select align for content
• Collection title: Label name or collection name. If blank. it show collection name default
• Url: Url or collection url. If blank. it show collection url default
• Select products to show: Number products will be show in this section

After configuration, this section will be showing like this:

+ Section Collections intro v3

In this section we added 4 collections. You need config values for each collection bellow:

• Enable collection n: Enabled this collection n
• Select collection n: Select collection in dropdown list for section n
• Background image: Upload image for this collection
• Label: Label name or collection name. If blank. it show collection name default
• Url: Url or collection url. If blank. it show collection url default
• Label background color: Choose background color for this collection

After configuration, this section will be showing like this:

+ Section Collections intro v4

In this section we added 3 collections. You need config values for each collection bellow:

• Enable collection n: Enabled this collection n
• Select collection n: Select collection in dropdown list for section n
• Background image: Upload image for this collection
• Title: Label name or collection name. If blank. it show collection name default
• Url: Url or collection url. If blank. it show collection url default
• Subtitle: Subtitle bellow collection title

After configuration, this section will be showing like this:

+ Section Collections parallax intro

In this section we added 4 collections. You need config values for each collection bellow:

• Enable collection n: Enabled this collection n
• Select collection n: Select collection in dropdown list for section n
• Background image: Upload image for this collection
• Text align: Set align for content showing in this item. Default: center
• Title: Label name or collection name. If blank. it show collection name default
• Url: Url or collection url. If blank. it show collection url default
• Description: Description bellow collection title
• Style color: Select a color for the text matching your background image. Default: White
• Button text: Text in button

After configuration, this section will be showing like this:

+ Section Collections & Megamenu

In this section You need config values for each collection bellow:

General settings

• Background image: Select background image for parallax

Banner bottom settings

• Upload banner bottom: Upload a banner for advertiser in this sections
• Banner url: Set url for this banner

Megamenu settings

• Select Menu: Seclect a menu Navigation

Collections slider settings

• Enable collection n: Enabled this collection n
• Select collection n: Select collection in dropdown list for section n
• Background image: Upload image for this collection
• Collection name or title: Label name or collection name. If blank. it show collection name default
• Url: Url or collection url. If blank. it show collection url default
• Sub title: Subtitle bellow collection title
• Description: Dessctiption
• Button text: Text in button

After configuration, this section will be showing like this:

+ Section Collections CTA intro

In this section we added 3 collections and 3 elements call to action. You need config values for each collection bellow:

• Enable Collection CTA n: Enabled this collection CTA n
• Select collection n: Select collection in dropdown list for section n
• Background image: Upload image for this collection
• Section align: Select section align left or right
• Collection title: Label name or collection name. If blank. it show collection name default
• Url: Url or collection url. If blank. it show collection url default
• Select products to show: Select number of product to show in this section. Default 6 products.
• CTA title primary: Title of call to action
• CTA background color primary: Choose background color for title of call to action
• CTA title secondary: Subtitle of call to action
• CTA background color secondary: Choose background color for content of call to action
• CTA image: Image show in call to action
• CTA content: Dessctiption for call to action
• CTA button url: Link url for button in call to action
• CTA button text: Text show in button

After configuration, this section will be showing like this:

+ Section collections list v1

In this section we added 6 collections. You need config values for each collection bellow:

• Enable collection n: Enabled this collection n
• Select collection n: Select collection in dropdown list for section n
• Background image: Upload image for this collection

After configuration, this section will be showing like this:

+ Section products listing

In this section You need config values bellow:

• Select collection: Select collection in dropdown list for this section
• Enter tags to filter: List tags to fillter in navigation menu. Example: tag1, tag2, tag3,...
• Number of products per page: Number of products show in this section
• Products columns: Number columns for grid view

After configuration, this section will be showing like this:

+ Section Products Featured V1

In this section You need config values bellow:

• Select collection: Select collection in dropdown list for this section
• Title: Title of this section
• URL: Link urt add to section title
• Limit product: Number of products show in this section

After configuration, this section will be showing like this:

+ Section Products Featured V2

In this section You need config values bellow:

• Select collection: Select collection in dropdown list for this section
• Title: Title of this section
• URL: Link urt add to section title

After configuration, this section will be showing like this:

+ Section products Featured V3

In this section You need config values bellow:

• Select collection: Select collection in dropdown list for this section
• Title: Label name or collection name. If blank. it show collection name default
• URL: Label url or collection url. If blank. it show collection url default

After configuration, this section will be showing like this:

+ Section Products latest v1

In this section You need config values bellow:

• Select collection: Select collection in dropdown list for this section
• Title: Title of this section
• URL: Link urt add to section title
• Limit product: Number of products show in this section

After configuration, this section will be showing like this:

+ Section Products latest v2

In this section You need config values bellow:

• Select collection: Select collection in dropdown list for this section
• Title: Title of this section
• URL: Link urt add to section title
• Limit product: Number of products show in this section

After configuration, this section will be showing like this:

+ Section Products latest v3

In this section You need config values bellow:

• Select collection: Select collection in dropdown list for this section
• Title: Title of this section
• URL: Link urt add to section title

After configuration, this section will be showing like this:

+ Section Products slider

In this section we added 9 products for work and you need config values bellow for each product:

General settings

• Background type: Select background type

• Enable product n: enable or disabled product n
• Select product: Select product n for get data to show.
• Product image: Upload an featured image for this product

After configuration, this section will be showing like this:

+ Section products gallery

In this section You need config values bellow:

• Select collection: Select collection in dropdown list for this section

After configuration, this section will be showing like this:

+ Section products deal

In this section we added 6 products for work and you need config values bellow for each product:

General settings

• Background type: Select background type

• Enable product n: enable or disabled product n
• Select product: Select product n for get data to show.
• Product image: Upload an featured image for this product
• Countdown end time: Set countdown time to end this deal. Format: YYYY-MM-DD-hh-mm-ss. Ex: 2016-08-15-10-30-20

After configuration, this section will be showing like this:

+ Section call to action v1

In this section You need config values bellow:

• Section align: Select section align left or right
• Title primary: Title of call to action
• Background color primary: Choose background color for title of call to action
• Title secondary: Subtitle of call to action
• Background color secondary: Choose background color for content of call to action
• Image: Image show in call to action
• Content: Dessctiption for call to action
• Button url: Link url for button in call to action
• Button text: Text show in button

After configuration, this section will be showing like this:

+ Section call to action v2

In this section You need config values bellow:

• Title: Title of this section
• Content: Dessctiption (Support HTML tags)
• Link url: Link url set to button
• Image left: Image show in left section
• Image right: Image show in right section
• Image center: Image show in center section

After configuration, this section will be showing like this:

+ Section Parallax intro

In this section you need config values bellow:

• Parallax background: Section background image
• Content: Title or description in this section

After configuration, this section will be showing like this:

+ Section Latest Blog

In this section You need config values bellow:

• Latest Blog Title: Title of this section

After configuration, this section will be showing like this:

+ Section Interactive banner V1

In this section we added 2 banners for work and you need config values bellow:

• Banner n: Upload banner n
• Title banner n: Set tite showing in this banner
• Link banner n: Set link url for this banner.

After configuration, this section will be showing like this:

+ Section Interactive banner V2

In this section we added 3 banners for work and you need config values bellow:

• Banner n: Upload banner n
• Title banner n: Set tite showing in this banner
• Link banner n: Set link url for this banner.

After configuration, this section will be showing like this:

+ Section Brands carousel v1

In this section we added 10 brands for work and you need config values bellow for each brand:

General settings

• Background color: Select background color for this section

• Enable Brand n: enable or disabled brand n
• Banner n: Upload an image for this brand
• Brand link: Set link url for this brand banner.

After configuration, this section will be showing like this:

+ Section Newsletter V1

In this section you need config values bellow:

• Section title: Section title
• Content: Dessctiption for this section
• Image left: Upload image showing in left section
• Image right: Upload image showing in right section
• Image center: Upload image showing in center top section

After configuration, this section will be showing like this:

+ Section About us - Newletter

In this section You need config values bellow:

• Section title: The title of this section
• Section sub title: Subtitle
• Section url: Set link url to this section title
• About us background: Upload a background image to about us block
• About us title: The title of About us block
• About us content: Set description of About us block
• Newletter title: The title of Newsletter block
• Newletter content: Dessctiption of newsletter block

After configuration, this section will be showing like this:

+ Section Testimonial

In this section we added 6 items in a slider and you need config values bellow for each items:

General settings

• Title: Title of this section
• Background color: Set background color for this section
• Enable background image: If this option has checked, background image will be show
• Background image: Upload background image

• Enable: enable or disabled this item
• Description: Dessctiption.
• Name: Customer name
• Info: Position or address

After configuration, this section will be showing like this:

+ Sections service box

In this section we added 3 box for service and you need config values bellow for each box:

• Icon: Upload a mini icon
• Name: service name
• Description: Short description

After configuration, this section will be showing like this:

+ Comming soon

We'll allways update sections and add new sections for this theme. The update always free and you'll get supports from us.

In Home page 1, we used sections bellow:

• 1Header version 1
• 2Footer version 1

• s1.1Section Slider V1
• s3.2Section Products Featured V1
• s2.1Section Collections carousel
• s3.5Section Products latest v1
• s5.1Section Parallax intro
• s6.1Section Latest Blog
• s7.1Section Interactive banner V1

Header:

Config position for each section in home 1, see photo bellow:

Choose a section in select box for section 1 to section 7

In Home page 2, we used sections bellow:

• 1Header version 2
• 2Footer version 3

• s1.1Section Slider V1
• s2.3Section Collections intro v1
• s8.1Section Brands carousel v1

In Home page 3, we used sections bellow:

• 1Header version 2
• 2Footer version 2

• s3.8Section Products slider
• s2.1Section Collections carousel
• s3.3Section Products Featured V2
• s3.6Section Products latest v2
• s10.1Section About us - Newletter
• s7.2Section Interactive banner V2
• s8.1Section Brands carousel v1

In Home page 4, we used sections bellow:

• 1Header version 2
• 2Footer version 2

• s1.2Section Slider V2
• s2.9Section Collections CTA intro
• s6.1Section Latest Blog

In Home page 5, we used sections bellow:

• 1Header version 2
• 2Footer version 1

• s1.2Section Slider V2
• s3.8Section Products slider
• s3.5Section Products latest v1
• s4.2Section call to action v2
• s2.10Section collections list v1
• s5.1Section Parallax intro
• s6.1Section Latest Blog

In Home page 6, we used sections bellow:

• 1Header version 1
• 2Footer version 2

• s1.2Section Slider V2
• s9.1Section Newsletter V1
• s5.1Section Parallax intro
• s2.5Section Collections intro v3
• s3.8Section Products slider
• s3.4Section products Featured V3
• s8.1Section Brands carousel v1
• s6.1Section Latest Blog

In Home page 7, we used sections bellow:

• 1Header version 3
• 2Footer version 3

• s2.8Section Collections & Megamenu
• s3.7Section Products latest v3
• s2.6Section Collections intro V4
• s3.3Section Products Featured V2
• s11.1Section Testimonial
• s3.10Section products deal
• s12.1Sections service box

In Home page 8, we used sections bellow:

• 1Header version 4
• 2Footer version 1

• s1.3Section Slider V3
• s2.7Section Collections parallax intro

In Home page 9, we used sections bellow:

• 1Header version 3
• 2Footer version 2

• s2.2Section Collections carousel V2
• s3.1Section products listing

In Home page Fashion, we used sections bellow:

• 1Header version 1
• 2Footer version 2

• s1.2Section Slider
• s2.4Section collection intro 1
• s11.1Section Testimonial
• s2.4Section collection intro 2
• s10.1Section About us - Newletter
• s8.1Section Brands carousel v1
• s3.3Section Products Featured V2
• s6.1Section Latest Blog

In Home page Sport, we used sections bellow:

• 1Header version 1
• 2Footer version 2

• s1.2Section Slider V2
• s3.7Section Products latest v3
• s2.1Section Collections carousel
• s6.1Section Latest Blog
• s8.1Section Brands carousel v1

In Home page Organic, we used sections bellow:

• 1Header version 3
• 2Footer version 1

• s1.1Section Slider V1
• s2.6Section Collections intro V4
• s3.7Section Products latest v3
• s11.1Section Testimonial
• s8.1Section Brands carousel v1
• s6.1Section Latest Blog
• s12.1Sections service box

Collection page

• Add new collection or edit collection
  
  
   
• Add products for collection
  
  
  
   
• Set view mode for collection
  
  in this theme, our support 3 view mode for collection, you can sellect an option for each collection as photo bellow
  
  

Product page

Setting for profuct page

Sidebar

Delphinus support 4 widget for sidebar

Follow photo bellow to config your widgets


 

Filter products

Filter by Color

Filter by size

Filter by Price

To add a filter attributes for a product, you need add the tag filter for that product. See the image below:

If you are unable to find your answer here in our documentation, please go to our forum and post up a new topic with all the details we need. Please be sure to include your site URL as well or send us an email.

Our support scope

Our support covers configuration, building site as demo, trouble using any features, and bug fixes. We don't provide support for customizations or 3rd party extension.

Our support time

We try our best to monitor the email around the clock, however, this is not always possible due to different time zones. We will try to reply you as fast as we can.

Our working time is 8.00 AM - 5.30 PM, Monday to Friday (GMT+7). So if ask for help in the weekend, you may have to wait a little bit for support and please be patient.