Dsta - Minimal Electronics Store Shopify Theme | OS 2.0


Dsta - Electronics Store Shopify Theme appears to be a specific Shopify theme designed for e-commerce businesses. Based on the provided information, here are some key features and highlights of the dsta theme:

1. Mobile-Focused : The Dsta theme is designed with a strong focus on mobile optimization, acknowledging the importance of mobile commerce in today's e-commerce landscape. It aims to provide an excellent user experience for customers accessing the online store from mobile devices.

2. Versatile and Flexible : Dsta is described as a versatile and adaptable theme suitable for brands of different sizes and industries. It offers a multipurpose solution to cater to the diverse needs of businesses, making it a valuable choice for various types of Shopify brands.

3. Pre-Built Demos : The theme boasts over 6+ demos for various industries. These demos can serve as templates or starting points for creating an online store, potentially saving time and effort in the design and setup process.

4. No Coding Required : Dsta is promoted as a theme that doesn't require coding knowledge. It offers a range of pre-built features and sections, allowing users to create a fully-functional online store without the need for coding skills. This can make it accessible to individuals and businesses without technical expertise.

In summary, the Dsta theme seems to be a Shopify theme designed to simplify the process of setting up and customizing an online store, particularly for mobile users. It provides a range of pre-designed options and features, making it accessible to a broad audience, including those without coding experience.


Dsta- Electronics Store Shopify Theme


Dsta Key Features

Welcome to dsta ! Get familiar with the Stripe products and explore their features:

dsta
Online store 2.0
dsta
Dark Mode
dsta
RTL Mode
dsta
Perfect Responsive
dsta
Free lifetime updates
dsta
High quality support

Getting Started

Welcome to dsta ! Get familiar with the Stripe products and explore their features:

dsta Core Features

  • Online Store 2.0 Integrated
  • Quick Demo Install
  • Announcement Bar
  • Header (3 styles)
  • Top Bar
  • Dropdown Menu
  • Mega Menu
  • Predictive Search
  • Multiple Currency
  • Mini Cart Drawer
  • Slideshow
  • Hero Banner
  • Banner with Schedule
  • Countdown Banner
  • Multiple Banner
  • Popup Video Banner
  • Featured Collection
  • Featured Collection List
  • Multiple Collection List
  • Tab with Product
  • About with Image
  • About Service
  • Brand Logo
  • Our Journey
  • Team Member
  • Testimonial
  • Call to Action
  • Newsletter Subscription
  • Service
  • Service Image (Portfolio)
  • Service Feature
  • Latest Blog
  • Contact Form
  • Contact Info
  • Google Map
  • FAQ Section
  • Product QuickView
  • Ajax Add to Cart
  • Wishlist
  • Product Compare
  • Collage (Banner, Video, Collection, Product)
  • History Timeline
  • Advanced Product Filtering
  • Product Media (Images, AR, 3D Models, Videos)
  • Product Zoom
  • Product Image Popup
  • Ajax Product Inventory
  • Product Variants (Swatch, Select Option)
  • Dynamic Checkout Button
  • Product Share
  • Secure Payment Gateway
  • Product Information Tab
  • Product Recommendations
  • Recent View
  • About Page
  • Service Page
  • Contact Page
  • Search Page
  • FAQ Page
  • Wishlist Page
  • Blog Page
  • Blog Details Page
  • Shipping Calculator
  • Cart Note
  • Breadcrumb
  • Typography
  • Multiple Color Option
  • Newsletter Popup
  • Preloader
  • Section Padding/Margin/Background Option
  • Back to Top
  • Fully Responsive
  • Cross Browser Compatibility
  • Password / Comming Soon Page

What's Included

After purchasing dsta template on themeforest.net with your Envato account, go to your Download page. You can choose to download dsta template only or the entire dsta template package which contains the following files:

  1. Dsta main theme: A .zip file with all .html files with all necessary assets.
  2. Documentation (Help): An HTML format documentation.
  3. Presets: All different demos presets.
  4. Licensing: obtained from ThemeForest.


How to Install dsta?

Theme Install

Take the following steps:

#File Include
  1. Access your Envato account, navigate to the Download page, and click the "Download" button beside the dsta theme in your item list. The theme package will be provided in a zip format.
  2. First of all, unzip the downloaded file from ThemeForest.
  3. You need to upload the "dsta-vx-x-x.zip" file to your Shopify store.
- Select Theme File Dsta - Electronics Store Shopify Theme - Select Dsta Latest Version Dsta - Electronics Store Shopify Theme

#Upload theme

After obtaining the theme file, you can proceed to upload it to your Shopify store. Take the following steps:
  1. First login to the Shopify Dashboard and go to the "Online Store"
  2. In the Theme library, select Add theme > Upload zip file.
    3. Dsta - Electronics Store Shopify Theme
  3. Within the "Upload theme" modal, click on the "Add file" button and choose the desired file for uploading.
    4. Dsta - Electronics Store Shopify Theme
  4. Click Upload file.
    5. Dsta - Electronics Store Shopify Theme
  5. Click Publish.
    6. Dsta - Electronics Store Shopify Theme


Demo Installation

Here is a guide on how to import dsta demo data onto your store.

dsta offers over 50+ demos, providing exceptional foundations for crafting your unique website that effortlessly distinguishes itself from others. Upon trying or uploading the theme file, you will be greeted with the captivating default preset, which is one of the 08+ demo styles available.

If you desire to import and configure your store to replicate any of the other demos, please follow the steps provided below.

The following steps:
  1. Inside the theme package received from Envato, locate and open the file named "demo presets"
    2. Dsta - Electronics Store Shopify Theme
  2. Enter the demo folder and select which you want to install
  3. Get two files like index.json.txt and settings_data.json.txt
    4. Dsta - Electronics Store Shopify Theme Dsta - Electronics Store Shopify Theme Dsta - Electronics Store Shopify Theme
  4. From your Shopify admin, go to Online Store > Themes
  5. Find the theme that you want to edit, and then, click Actions > Edit Code
  6. Open the index.json and settings_data.json file
    7. Dsta - Electronics Store Shopify Theme Dsta - Electronics Store Shopify Theme
  7. Copy the index.json.txt code from Presets > Demo file like Home Style - 3
  8. Paste it in code editor index.json file and click the Save button
    9. Dsta - Electronics Store Shopify Theme Dsta - Electronics Store Shopify Theme
  9. In a same way, copy the settings_data.json.txt code and paste it in code editor settings_data.json file and click the Save button


Initial Setup

Getting set up to start selling

It's time to build your store! Because there are so many different ways that you can use Shopify, it's easy to wonder how to get started, or even to worry about forgetting key steps on the way to your first sale. This section of the Help Center outlines the most important tasks to get your Shopify business up and running as quickly as possible.

Read More

#General Settings

  1. From your Shopify admin, go to Settings > General
  2. In the Store currency section, choose which currency want to use your store
  3. If you want to use Currency picker to your store then replace these below code in the Currency Formatting

    Copy
    Copy

    Initial Setup
  4. Click Save

    Read More

#Customer Accounts

  1. From your Shopify admin, go to Settings > Customer Accounts
  2. In the Customer accounts section, choose the New customer account or Classic customer account in customer account option

    Initial Setup
  3. Click Save

    Read More


Theme Update

#Theme Update (First Way)

  1. Upload the updated theme to your store
  2. Paste all JSON files codes from the current theme into the updated theme

    Theme update

#Theme Update (Second Way)

  1. Download the current theme from your store

    Theme update
  2. Unzip the current theme downloaded file
  3. Copy the template folder

    Theme update
  4. Unzip the updated theme file and replace the template folder in the updated theme file
  5. Go to the current theme file and enter the config folder

    Theme update
  6. Copy the settings_data.json file

    Theme update
  7. Replace the settings_data.json file in the config folder of the updated theme file
  8. Select all files from the updated theme file and Zip it
  9. Upload the updated theme file to your store
  10. Finally, publish it


How to Nav & Mega Menu

Mega-Menu

#Create a Mega-Menu
  1. From your Shopify admin, go to Online Store > Navigation
  2. Click the name of your main menu
  3. Choose one of the menu items to be the header for your mega-menu
  4. Then add new drop-down menu under the selected menu item
  5. Again add new menu items under the drop-down menu

    Navigation


#Create a Mega-Menu with Image
  1. Add collection link in the 3rd-lavel menu item which must have Collection image and image text in the tag filter.

    Navigation
    Navigation

Theme Settings

Layout (General Settings)

#Container Width
  1. From your Store Customizer, go to Theme Settings > General Settings
  2. Scroll down untill find the Container Width and follow these instructions in this settings option

    Theme Settings
#RTL Layout
  1. From your Store Customizer, go to Theme Settings > General Settings
  2. Enable the RTL option and follow these instructions in this settings option

    RTL Layout
#Favicon
  1. From your Store Customizer, go to Theme Settings > General Settings
  2. Scroll down untill find the Favicon Image and follow these instructions in this settings option

    Favicon
#Language
  1. From your Store Customizer, go to Theme Settings > General Settings
  2. Enable the Language option and follow these instructions in this settings option

    Language
#Search Behavior
  1. From your Store Customizer, go to Theme Settings > General Settings
  2. Enable the Search behavior option and follow these instructions in this settings option

    Search Behavior
#Come Back Notification
  1. From your Store Customizer, go to Theme Settings > General Settings
  2. Enable the Come Back! Notification option and follow these instructions in this settings option

    Come Back Notification
#Preloder Style
  1. From your Store Customizer, go to Theme Settings > General Settings
  2. Enable the Preloader option and follow these instructions in this settings option

    Preloder
#ScrollUp
  1. From your Store Customizer, go to Theme Settings > General Settings
  2. Enable the Scrollup option and follow these instructions in this settings option

    ScrollUp

Multi-Currency

  1. From your Store Customizer, go to Header > Currency
  2. Scroll down untill find the Currency and follow these instructions in this settings option
  3. Don't forget to setup your store in Currecy Formatting

    Currency

Colors

  1. From your Store Customizer, go to Theme Settings > Colors
  2. Enable the 'Color Enable'option and follow these instructions in this settings option

    Color

Typhography

  1. From your Store Customizer, go to Theme Settings > Typography
  2. Enable the 'Font Family Enable'option and follow these instructions in this settings option

    3. Theme Settings

Newsletter Popup

  1. From your Store Customizer, go to Theme Settings > Newsletter Popup
  2. Enable the 'Newsletter Popup Enable'option and follow these instructions in this settings option

    3. Theme Settings

Product Settings

  1. From your Store Customizer, go to Theme Settings > Product Settings
  2. Product global settings and many instructions are included here
  3. Follow these instructions in this settings option

    4. Theme Settings
  4. Action button title option are included here

    5. Theme Settings
  5. 3 types of cart option are included here, you can choose any one

    Spin Cart (Ajax) will add product to cart without loading page
    Popup Cart (Ajax) will add product to cart without loading page, and display popup for cart notification
    Go to Cart Page will add product to cart and go to cart page

    Theme Settings
    Theme Settings
  6. Product Quickview, Wishlist, and Compare option are included here. Follow these instructions in this settings option
    7. Theme Settings

Products

Adding Product

You can add or update information about a product such as its price, variants, and availability from the Products page in your Shopify admin.
Product image recommended size: 800px x 940px

Read More

Countdown Metafield

#Adding Metafield for Product Countdown
  1. To showcase the product Countdown in product grid, use the Metafields

    Metafield
    Metafield
  2. From your Shopify admin, go to Settings > Metafields
  3. In the Manage metafields section, select the Product
  4. Click Add metafield definition
  5. Use this code in the Namespace and key field

    Copy

    Metafield
  6. Slect content type Date
  7. Click Save


#Adding Metafield value in the selected Product
  1. From your Shopify admin, go to Product
  2. Select the Product which displying the Metafields
  3. After that, get metafield option to add value

    Metafield
  4. Set the product countdown ending date

New Badge Metafield

#Adding Metafield for Product New Badge
  1. To showcase the product New badge in product grid, use the Metafields

    Metafield
  2. From your Shopify admin, go to Settings > Metafields
  3. In the Manage metafields section, select the Product
  4. Click Add metafield definition
  5. Use this code in the Namespace and key field

    Copy

    Metafield
  6. Slect content type Date
  7. Click Save


#Adding Metafield value in the selected Product
  1. From your Shopify admin, go to Product
  2. Select the Product which displying the Metafields
  3. After that, get metafield option to add value

    Metafield
  4. Set the product new ending date

Create collection

You can group your products into collections to make it easier for customers to find them by category.

Read More

All Pages

If you have a Shopify online store, then you can create webpages in your Shopify admin. Webpages contain information that rarely changes or that customers will reference often.

Read More

About Page

  1. Go to Online Store > Pages
  2. Click Add page
  3. Enter a title for the page
  4. Select 'about' in the Online store section, from the Theme template drop-down menu
  5. Go to Customizer > Pages > About
  6. You can add, remove, edit, and customize sections using the theme editor

    Pages
    Pages
Read More

Contact Page

  1. Go to Online Store > Pages
  2. Click Add page
  3. Enter a title for the page
  4. Select 'contact' in the Online store section, from the Theme template drop-down menu
  5. Go to Customizer > Pages > Contact
  6. You can add, remove, edit, and customize sections using the theme editor

    Pages
    Pages
Read More

Wishlist Page

  1. Go to Online Store > Pages
  2. Click Add page
  3. Enter a title for the page
  4. Select 'wishlist' in the Online store section, from the Theme template drop-down menu
  5. Go to Customizer > Pages > Wishlist
  6. You can add, remove, edit, and customize sections using the theme editor

    Pages
    Pages
Read More

FAQ Page

  1. Go to Online Store > Pages
  2. Click Add page
  3. Enter a title for the page
  4. Select 'faq' in the Online store section, from the Theme template drop-down menu
  5. Go to Customizer > Pages > Faq
  6. You can add, remove, edit, and customize sections using the theme editor

    Pages
    Pages
Read More

Collections Page

  1. Go to Online Store > Collections > Default collection
  2. You can control Sidebar position (left, right, remove)
  3. Add & remove, drag & drop block types like Search, Category, Vendor, Type, Color, Size, Collection, Tag, Menu, and Banner in the Sidebar
  4. You can controll product column and limit also

Product Page

  1. Go to Online Store > Products > Default collection
  2. Add & remove, drag & drop block types like App, Title, Price, Description, Countdown, Variant, Action Button, Share & Payment in the Prodcut Section
  3. Add & remove, drag & drop block types like Description, Review, Custom Tab, Unique Tab
  4. You can controll Related Product also

Blog Page

  1. Go to Online Store > Blogs > Default collection
  2. You can control Sidebar position (left, right, remove)
  3. Add & remove, drag & drop block types like Search, Recent Post, Archive, Social Media, Tag, Menu, and Banner in the Sidebar
  4. You can controll blog column and limit also
Read More

Article (Single Blog)

  1. Go to Online Store > Blog posts > Default blog post
  2. You can control Sidebar position (left, right, remove)
  3. Add & remove, drag & drop block types like Search, Recent Post, Archive, Social Media, Tag, Menu, and Banner in the Sidebar
  4. You can controll blog form also

404 Page

  1. Go to Customizer > Others > 404 page
  2. You can add, remove, edit, and customize sections using the theme editor

    404 Pages
Read More

Password Page

  1. From your Shopify admin, go to Online Store > Preferences
  2. Scroll to the Password protection area, and check Enable password
  3. Go to Customizer > Others > Password
  4. You can add, remove, edit, and customize sections using the theme editor

    Password Pages Password Pages
Read More

Header Types

Welcome to dsta Header Elements! You can choose 5 Types of header package for creating you website.

Header TopBar

  1. Go to Online Store > Theme Settings
  2. Click Header Bar
    3. header_topbar

Header Style One

  1. Go to Header > Header Style
  2. Click Style 1
    3. header__1
  3. Scroll Down For Explore More functionality
    • Enable Transparent Header
    • Select Main Menu
    • Header Sticky
    • Header Custom Style (Typography + Color)
    • Logo
    • Logo Position
    • Menu Position
    • Mega Menu
    • Clickable Menu
    • Search Option
    • Currency
    • User Menu
    • Mini Cart
    • Header Contact

Header Style Two

  1. Go to Header > Header Style
  2. Click Style 2
    3. header__2
  3. Scroll Down For Explore More functionality
    • Enable Transparent Header
    • Select Main Menu
    • Header Sticky
    • Header Custom Style (Typography + Color)
    • Logo
    • Logo Position
    • Menu Position
    • Mega Menu
    • Clickable Menu
    • Search Option
    • Currency
    • User Menu
    • Mini Cart
    • Header Contact

Header Style Three

  1. Go to Header > Header Style
  2. Click Style 3
    3. header__3
  3. Scroll Down For Explore More functionality
    • Enable Transparent Header
    • Select Main Menu
    • Header Sticky
    • Header Custom Style (Typography + Color)
    • Logo
    • Logo Position
    • Menu Position
    • Mega Menu
    • Clickable Menu
    • Search Option
    • Currency
    • User Menu
    • Mini Cart
    • Header Contact

Header Style Four

  1. Go to Header > Header Style
  2. Click Style 4
    3. header__4
  3. Scroll Down For Explore More functionality
    • Enable Transparent Header
    • Select Main Menu
    • Header Sticky
    • Header Custom Style (Typography + Color)
    • Logo
    • Logo Position
    • Menu Position
    • Mega Menu
    • Clickable Menu
    • Search Option
    • Currency
    • User Menu
    • Mini Cart
    • Header Contact

Header Style Five

  1. Go to Header > Header Style
  2. Click Style 5
    3. header__4
  3. Scroll Down For Explore More functionality
    • Enable Transparent Header
    • Select Main Menu
    • Header Sticky
    • Header Custom Style (Typography + Color)
    • Logo
    • Logo Position
    • Menu Position
    • Mega Menu
    • Clickable Menu
    • Search Option
    • Currency
    • User Menu
    • Mini Cart
    • Header Contact

All Sections


Welcome to dsta Sections You can select any Section and customize easily and build your website.

Slider

  1. Go to Slider
    2. Slideshow

Slider 2

  1. Go to Slider
    2. Slideshow

Slider 3

  1. Go to Slider
    2. Slideshow

Slider 4

  1. Go to Slider Banner Ctg Menu
    2. Slideshow

Banner

  1. Go to Simple Banner
    2. Banner
  1. Go to Collection Banner
    2. Banner
  1. Go to Promotion Banner
    2. Banner Banner
  1. Go to Video Banner
    2. Banner

Collections

  1. Go to Best Collections
    2. best_collection
  1. Go to Deal Collection
    2. deal_collection
  1. Go to Featured Collection
    2. featured_collection featured_collection
  1. Go to Tab With Product
    2. tab_with_product tab_with_product
  1. Go to Banner Small Product
    2. banner_small_product

Collage

  1. Go to Collage
    2. collage

Featured Compare Product

  1. Go to Featured Compare Product
    2. featured_compare_product

Single Product Feature

  1. Go to Single Product Feature
    2. Single Product Feature Single Product Feature

Testimonial

  1. Go to Testimonial
    2. Testimonial

Latest Blog

  1. Go to Latest Blog
    2. Latest Blog

Others Section

  1. Go to Service
    2. service
  1. Go to Team Member
    2. team_member
  1. Go to Google Map
    2. google-map
  1. Go to Single Timeline
    2. timeline
  1. Go to Animate Content
    2. animate_content
  1. Go to Instagram
    2. instagram

Footer Style

Welcome to dsta Footer You can select 5 Types of footer & customize easily and build your website.

Footer Top Settings

  1. Go to Online Store > Theme Settings
  2. Click Footer Top Settings
    3. Footer Styles

Footer Style 1

  1. Go to Sections > Footer
  2. Click Footer Top
    3. Footer Styles 1
  3. Footer Top Style 1 Blocks
    • Newsletter Subscribe
    • Footer Menu
    • Social Widget
    • Section Margin
    • Section Padding
    • Section Background

Footer Style 2

  1. Go to Sections > Footer
  2. Click Footer Top
    3. Footer Styles 2
  3. Footer Top Style 2 Blocks
    • Newsletter Subscribe
    • Section Margin
    • Section Padding
    • Section Background

Footer Style 3

  1. Go to Sections > Footer
  2. Click Footer Top
    3. Footer Styles 3
  3. Footer Top Style 3 Blocks
    • Logo Contact Social
    • Newsletter Subscribe
    • Footer Menu
    • Social Widget
    • Section Margin
    • Section Padding
    • Section Background

Footer Style 4

  1. Go to Sections > Footer
  2. Click Footer Top
    3. Footer Styles 4
  3. Footer Top Style 4 Blocks
    • Logo & Social Icon
    • Footer Menu
    • Section Margin
    • Section Padding
    • Section Background

Footer Style 5

  1. Go to Sections > Footer
  2. Click Footer Top
    3. Footer Styles 5
  3. Footer Top Style 5 Blocks
    • About Info
    • Footer Menu
    • Section Margin
    • Section Padding
    • Section Background

Youtube Channel

While it's always better to host your videos on a video sharing website, but we provided a sample for you to include local videos in your pages.

preview


Change Log

Welcome to Docy ! Get familiar with the Stripe products and explore their Key features:

March 20, 2024

Version Name

1.0.0

NewInitial Release

Download
April 5, 2024

Version Name

1.0.1

ImprovementTheme Responsive.

Updatelanguage & Currencies.

Fixed Product Media Issues.

NewPepole viewing this right now.

NewProduct Estimated Delivery Date.

Download
May 15, 2024

Version Name

1.0.2

ImprovementTheme Responsive.

Fixed Product Media Issues.

Download
June 18, 2024

Version Name

1.0.3

AddedRTL Layout.

Download

If you need the template customization or custom development services please contact us.

Email Us