Introduction Last updated: 2022-06-16

Thank you for your interest in and using the Dukamarket template.

As you know, Shopify is an e-commerce platform that allows you to create an online sales website integrated with social networks, post products, cart, and checkout features, and process orders easily and quickly.

With Dukamarket, you can easily customize the theme to suit your product and style. This guide will probably help you do it faster and simpler.

Some features in our theme

  • Sections - drag and drop.
  • Image Product autoresize to the same height
  • Countdown timezone
  • Google font
  • Purchased promo section
  • RTL
  • Catalogue mode
  • Quick View
  • Wishlist & Compare Product
  • Newsletter element using default Shopify functionality
  • Associating product options with image
  • 4 levels drop-down menu
  • Ajax filters
  • 8 and over FILTER GROUPS for filter options
  • Product thumbnails and zoom

Some Shopify tutorials you should know

Shopify has many very detailed and specific theme tutorials. Here are some parts that we think you should know to make your custom work easier.

Theme support

In the process of customizing the theme, there will be times when you will encounter problems or errors. In this document, we have answered some common support and technology questions. If you can find the answer, don't worry, please contact us through some of the methods below.

Hope you have the best experience working with us.

Installation

You can add multiple themes to your account and experiment with different changes to your published theme. Alternatively, you can also preview all of them, but can only publish one at a time, and when you switch to a new theme, you can still access your old theme on the Admin Panel of your Shopify store.

In this section we will briefly show you how to install the Dukamarket theme in your store.

Upload theme

Steps to upload theme

Step 1:Download the package from themeforest.net (the file is in zip format)

Step 2:Extract the file which you have just downloaded. (Don't forget this step)

Step 3:Upload Dukamarket.zip on your store

3.1.Log in to your Shopify store, click Online Store.

3.2.At Theme Library, click Add theme, choose Upload zip file.

3.3.After the Upload Theme dialog displays, you click Add File (or drop file to upload) to select the .zip file of theme source you want to upload.

3.4.Click Upload file.

3.5.Last, wait for the uploading process finishes, you can select Publish button to publish the theme you have just uploaded to be an active theme.

Install some essential apps

After completing the installation process, to improve the theme customization performance, we suggest you to install some of the following apps:

Install step 1 & 2

Besides that you can also consider some of the following paid apps:

1. Product Reviews:
2. Multi language

Import & Export Data

If you want to use the demo site data, store your data or import your data, you can use the export and import data functions on our theme.

In this section, we will guide you to do those jobs quickly and easily.

Import & Export Products
Import products

Steps to import products

Step 1:Log in to your Shopify store, click Products.

Step 2:Choose Import on the right-hand screen.

Step 3:After the Import products by CSV dialog displays, you click Add File (or drop file to upload) to select the .csv file product which you want to import.

Step 4:Click Upload and continue.

Step 5:Click Import products.

Last:Wait for the product import in progress finishes.

Export products

Steps to export products

Step 1:Log in to your Shopify store, click Products.

Step 2:Choose Export on the right-hand screen.

Step 3:After the Import products by CSV dialog displays, you click Export products.

Step 4:The export file will be sent to the email address you used to register your admin account. Go to your mail and check the email sent to you to download the export file.

Import & Export Pages
Import pages

Steps to import pages

Step 1:Log in to your Shopify store, click Apps.

Step 2:Choose ExIm - Export Import pages app.

Step 3:On toolbar of the app, choose Pages tab

Step 4:Click Add File (or drop file to upload) to select the .csv file which you want to import.

Step 5:Click Import Pages.

Last:Wait for the import in progress finishes.

Export pages

Steps to export pages

Step 4:Click Export Pages to dowload Zip file.

Last:Check the dowloaded file.

Import & Export Blog Articles
Import & Export Reviews
3.1. Import Reviews

Steps to import reviews

Step 1:Log in to your Shopify store, click Apps.

Step 2:Choose Product Reviews app.

Step 3:Click Import reviews

Step 4:After the Import reviews by CSV file dialog displays, you click Choose file to select the .csv file which you want to import.

Step 5:Click Import reviews.

Last:Wait for the import in progress finishes.

Export Reviews

Exporting review is much simpler than importing.

Steps to export reviews

You just need to select Choose Product Reviews app (do the same steps 1 to 3 of import).

End then, Choose Export. The export file will auto-download and you just only check again this file.

Theme settings

From your Shopify admin, click Online Store. Click Customize for the theme you want to customize. Click Theme Settings at the bottom of the left sidebar in Editor window. And you will see its config section on the right hand side of the screen

Generals

It define keywords for search engines and author of shop.

Logo

Add logo

Color

You can change the color of your website here

Typography

It shows current font family, font size, font weight, H1, H2, H3, H4, H5, H6 font family and more

Layout

It includes the headers and footers style.

Product page

You can setting some attributes for gallery, label, element of products on product page.

Product ->collection page

You can choose some settings, it includes the labels and elements of product.

Product->variants

It shows options for the product variants.

Collection page

It shows layout, label, elements of product.

Shipping rates calculator

You can choose to show the status of payment method and more

Newsletter

It setups the newsletter form and more

Social media

You can setup some social network as the facebook, twitter, google + and more

Currency

You can set it up by following the steps below to use multiple currencies in your store

Steps to convert curencies

Step 1:Log in to your Shopify store, click Settings at the bottom on the left-hand screen.

Step 2:Choose General.

Step 2:On the Store Currency, click Change formatting and paste the following code to HTML with currency input and HTML without currency input.

To remove the 2 zeros after the product price, you can use the following code:

You can see detail in the blog post

Header

At this moment with Dukamarket theme we provide you 5 Header Layouts for Dukamarket template and another 6 for Gosto template. You can choose a layout for your website:

With Dukamarket Template
With Gosto Template

To change the layout of the header, please see below for more detailed instruction:

Steps to change the header layout

Step 1:Log in to your Shopify store, click Online Store, choose Customize for the theme you want to customize.

Step 2:Click Theme Settings at the bottom of left sidebar, click Layout on the right sidebar

Last:Choose the header layout which you want. Please wait to see the result and save to public.

Here are some pictures to illustrate the above steps

Top header

At Dukamarket, the Top header is the top part of the website, before the header containing the logo. This section usually contains some slogan of event and some link like account, tab to change language and currency, or some advance another links.

To configuration Top Header you can make the following

Step to Configuration Top Header

Step 1:Log in to your Shopify store, click Online Store, choose Customize for the theme you want to customize.

Step 2:Click Top header at the top of left sidebar, you can see the setting on the right sidebar

Last:Make the changes you want to see the result and save

Header style

It includes the navigation bar and search, wishlist, cart icons. You can replace, turn on or off these sections in the right panel.

Main Menu

Menu is also a pretty important part of the website. It makes the website more convenient and contributes to improving the user experience.

At this theme, you can create dropdown menu, megamenu include: Home, Shop, Blog, Page,... and etc from Navigation bar.

Megamenu type
Dropdown type
Linklist (child) type
Item no child (lv 1) type
Banner (child) type
HTML (child) type

Vertical menu

Vertical menus are usually dated to the header section in the left sidebar. As for the configuration for this section, it is similar to the main menu. Please review the main menu instructions for configuration for this section.

Mobile Menu

This section is placed by us at the bottom of the left sidebar.

Home page

Curently, Dukamarket gives you 31 available Homepage layouts and you can create many other different Homepage layouts for your site based on 60 sections with Multi Headers and Multi Footers.

Please notice that: There are 02 ways to set up Homepage layout for your site:

  • Way 1:In settings of Themes --> Customize -> Sections -> Add Section which you want. This way you can create your own homepage according to your style and purpose
  • Way 2:You can import Homepage layouts from our Preset and we will guide you below.

Slide show

It is usually under the header and includes Heading, Subheading, Space between, and button elements.

Steps to configuration

Step 1:Log in to your Shopify store, click Online Store, choose Customize for the theme you want to customize.

Step 2:In the Home page, click Slideshow at the left sidebar, you can see the setting on the right sidebar

Last: Choose one of the Heading, Subheading, Space between, and button elements and click on them, and the settings on the right panel.

Collection list

It includes items on the left panel, they show on the home page.

Tab collections

It shows number tab on this section. You can set the attributions of tab on the right panel, it includes the heading, number of products and layout on tab.

Banner images

It includes items on the left panel, they show on the home page.

Products Collection grid

Products Collection grid lets you alter the way your product is displayed to the user.

Blog posts

Brand list

Instagram

Countdown Products

Footer

At this time with Dukamarket theme, we offer you 4 Footer Layouts for Dukamarket template and 4 Footer Layouts for Gosto template. You can choose layout for your site:

With Dukamarket Template
With Gosto Template

Changing the footer layout is similar to the header. Please review the instructions here

Footers are usually in the sections near the bottom of the left sidebar. You can find it here to configuration it

Top footer

This section usually contains social links, newsletter form or some other information.

Main Footer

This is the place to store information about the store or auxiliary links for the main menu to make the site more convenient when you can find links to other pages without going back to the top.

Bottom Footer

This is the last part of the website. This section usually shows information about the website's copyright and some images related to the payment methods that may be accepted on the site.

Other Pages

At Dukamarket you will find many different purpose pages with modern and beautiful designs that suit many styles.

Collection List Page

This is the page that shows the list of collections which have been added to your store.

Collection Page

This is the page that shows the list of products in your store by category.

Collection sidebar

Show filters in different locations you can go here

Filter Tag
Content
Infinit scrolling

Products Page

This is the page that shows the detail infomation about a product.

Inventory Quantity

Add countdown qty bar.

Countdown time

Add countdown time in product.

Free shipping

Add Free shipping bar in your product.

Product zoom360

You can see it in here

Pages

For pages you can refer to them here

Blogs

For Blog Category you have to create a menu with "Handle" = blog-category it will automatically recognize and put it in your blog's sidebar column

Features

Here are some functions available on Dukamarket.

Cross sell popup

It’s in the footer. You can study and see more setting on the right panel.

Newsletter popup

Product Zoom

With many custom properties, your store will have a beautiful and professional zoom

Sticky cart

This function makes your product page more useful. Users will not need to return to the product information section where the add to cart button is located if they want to add products to the cart while scrolling through that section.

Quick view

The quick view makes it possible for us to see detailed product information without having to switch to the product page.

Wishlist & compare

You can completely compare product information to be able to choose a more suitable product through the add to compare function. Besides, if you want to save a favorite product, you can use the add to wishlist function.

Minicart

This is the place to quickly display the products that have been added to the cart.

Login & register popup

Registering or logging into your account will become faster and simpler with the login and register popup.

FAQs

Below we have compiled some of the questions and answers to those questions. If the problem you are facing cannot be found here please contact us in some of the following ways:

How to install theme?

I want to install the theme so that it is identical to the demo site including all data and images?

To install the shopify theme, please review our instructions in the Installation section. Besides, Shopify currently does not support import and export for image files. So the theme you upload will not have an image and if you want to have an image like the demo page, unfortunately there is no other way but you have to manually add the image in the customize section.

How to settings theme?

How do I change the language on my admin page?

You can do so by heading to the Settings > Users and permissions > choose your staff account or store owner (if you owner) > scroll to Preferred Language > choose language which you want for admin page. You also see the detail guide in the following blog posts: How to change the language for the admin page in Shopify?

How do I change the color of the theme?

Changing the color on the theme has 2 types. The first type is the main color on the theme. For this type you can see instructions for changing colors here. In addition, within each section you select, there can be separate configurations for each section. You can click on the section that you want to change the color to view and change the color for them.

I want to change the font for the website, where can I change it?

Same as color change. The font also has 2 type. The first type is the main font on the theme. For this type you can see instructions for changing colors here. The 2nd style is change in section, there can be separate configurations for each section. You can click on the section that you want to change the font to view and change.

How to settings header and menu?

I don't know how to add and edit main menu and vertical menu. Please show me how to create it. Thanks.

The configuration for main menu and vertical menu is the same. And, we have also included instructions for this section. Please review the instructions here

I want to add maga menu like demo page. Please show me how to do it. Thanks.

You can watch the video on how to add mage menu below

How to setting collection page?

How can I show option for color, price, tag,...ect in filter in sidebar of collection page?

To display filters for these sections, you can review our instructions in the collection sidebar and filter tag section.

How to create multi language and currency store?

My store is using only 1 language and 1 currency, but when I have config in admin, but still see multi language and currency display. How to handle this problem on your theme? Thank you.

Currently on our theme, there is a config section in settings related to multi currency. You can review the instructions here

However, if your store only accepts payments in a single currency, leave the inout Supported Curencies and Default currency fields blank. Leaving a value in these two input fields can cause cache on your site, and it will affect your customers' web experience.