Thank you for your interest in and using the Davici 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 Davici, 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.
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.
All of your emails will be reviewed and checked carefully. However, depending on the number of support tickets and the request, the response time can be up to 1-2 business days. Besides, the support team doesn't work on the weekend, so our support work can also be limited. We will try to process and respond as quickly as possible.
When you buy the theme, you will be supported for 6 months from the purchase date. And if you want, you can buy the support service for 12 months. If your support time is expired, please extend your support time to continue using the service.
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 Davici 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 Davici.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:
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.
If you want to overwrite the existing product with new data in the import file, you can click on the 'Overwrite any current products that have the same handle. Existing values will be used for any missing columns. Learn more'.
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.
You can choose the options here according to your requirements or purposes
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.
If you don't see this app in the apps list, please install it here
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
With export pages from step 1 to step 3 will be same as import pages.
Step 4:Click Export Pages to dowload Zip file.
This file will auto dowload. And if you don't see the downloaded file, please click on the link in the notification to download it.
Last:Check the dowloaded file.
Import & Export Blog Articles
Importing and exporting Blog Articles does the same thing as importing and exporting Pages. If necessary, you can review how to do it in the Import & Export Pages section
Besides supporting import and export data of pages and blogs, ExIm - Export Import pages has a few other interesting functions. You can see instructions on how to use them here
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.
If you don't see this app in the apps list, please install it here
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.
If your import file contains errors you will receive a notification about the error logs. Don't worry about this. First of all, check the imported data first, then you can check and correct the missing or wrong records. Manually add or choose to re-import depending on your choice for these records.
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.
The Export button only shows when review has data.
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.
RTL
If you want to build your online store on a language system using right-to-left alignment. You can configure according to the following instructions:
Step to Configuration RTL
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 top of left sidebar.
Step 3:Click LAYOUT and you will see settings for RTL in this section. Tick the box Enable Right To Left to enable RTL. Enter the code countries you want in the right to left layout in the field Enabled RTL in list code countries
Last:Click Save.
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
However, to be able to convert between different currencies you need to follow these steps:
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:
At this moment with Davici theme we provide you 5 available Header Layouts for Davici template and another 1 for version 2.0 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 Davici, 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.
Some header layouts may not have this section.
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.
You can set up your mobile menu here add menu in left column and customize in the right column
Home page
Curently, Davici 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.
A section for the new slidershow is improved, simpler and easier to use than the previous version, all customizations are simplified and still meet your information display needs.
Collection list
It includes items on the left panel, they show on the home page.
You can click on a item(block) then you can change the image, button texts and link to collection or page on the right panel.
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.
You can set the attributions of tab (on the right panel) by click on a tab (on the left panel).
Banner images
It includes items on the left panel, they show on the home page.
You can click on item then you can change the image, button texts and link to collection or page on the right panel.
Products Detail
Products Detail lets you alter the way your product is displayed to the user.
You can set the attributions of this section on the right panel. You can change the collection, number of product on each device as the desk top, mobile phone.
Blog posts
You can turn on or off, change background, number items on desktop, tablet, mobile devices. Also you can add more from the left panel.
Brand list
You can setting this section and change your image on the right panel. Besides,you can turn on or off, change background, number items on desktop, tablet, mobile devices. Also you can add more from the left panel.
Instagram
You can setting this section on the right panel. Besides, you can turn on or off, change background, number items on desktop, tablet, mobile devices. Also you can add more from the left panel.
Footer
At this time with Davici theme, we offer you 4 Footer Layouts for Davici template and 4 Footer Layouts for 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.
With columnar content you can go there to edit and reconfigure them
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 Davici 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.
We also upgraded the collection section so that you have more options in displaying the number of product columns on the collection page. You can switch back and forth between displaying 2,3,4,5 items per row for grid view or choose to view as list
In addition, we also have a colllection 2.0 version with an upgraded filter function that automatically updates according to the above data of your row.
Collection sidebar
Show filters in different locations you can go here
Filter Tag
You can create Filters tags here by adding all your product tags.
Example: Chairs|Lamps|Furniture|Decor Art|Kitchen Things
Content
You can change the number of products displayed on a row in the right column.
Infinit scrolling
You can go here to select Infinit scrolling and Load more button for page Collections.
Infinit scrolling auto load
Infinit scrolling click to load
Products Page
This is the page that shows the detail infomation about a product.
You can change the team and position of the content here by dragging and dropping.
The product page section has many more interesting display styles, try customizing them. Product images will be displayed in their entirety without using slides, you can instead scroll them down.
Of course you can optionally display 1 or 2 images in a row in:
Step 1:Log in to your Shopify store, click Online Store, choose Customize for the theme you want to customize.
Last:Make the changes you want to see the result and save
Inventory Quantity
Add countdown qty bar.
Countdown time
Add countdown time in product.
To add time you can go to the product editor and create a time tag for this product with the syntax: (yy / mm / dd hh: ii: ss) => (2022/09/03 23)
Free shipping
Add Free shipping bar in your product.
After you add it in the right sidebar Product information
Next you go to Theme settings => Product page and turn it on and set a price limit for free shipping
Product zoom360
Shopify Admin Sidebar > Products > All Products > Go to the product you want to create zoom360
Add photo tag zoom_360_img to product and add photo. And then using Add media, add photos from different angles of the zoom360 product.
Noteng that the image file name is “zoom_360_img-{index}” or “zoom_360_img_{index}” with the "index" being the image order, and do not put a zero before the index.
You can configure your blog page in the right column
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 Davici.
Cross sell popup
It’s in the footer. You can study and see more setting on the right panel.
Newsletter popup
You can change the image and customize the Newsletter popup on the right side.
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:
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
If your current menu is longer than the height of the screen and you don't see where to add items, scroll down a bit and click add block to add the menu item style you want. In addition, with the new version, Shopify has a very convenient editor support. You should try using it.
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.
Thank you for using our theme and service. If you have any questions. Please contact us via email adress support@alothemes.com. And don't forget to give us a good review if you are satisfied with the theme and service. Any comments will help us improve and improve the quality of our products and services. Thank you very much.
