Ponno - eCommerce Shopify Theme

Ecommerce Shopify Theme

Introduction

Theme Name: Ponno - eCommerce Shopify Theme
Thank you very much for choosing our theme. We truly appreciate and really hope that you'll enjoy our theme!
If you like this theme, Please support us by rating us 5 stars..     

Ponno is a Fully Responsive Shopify Theme for selling clothing, fashion, high fashion, men fashion, women fashion, accessories, digital, kids, watches, jewelry, shoes, kids, furniture, sports, tools etc. It has a fully responsive width adjusts automatically to any screen size or resolution. Header Variation, Footer Variation, 6 Home pages, Fully responsive, Sections, Shopify Builder, Drag & Drop, Mailchimp, Contact Form, Powerful Theme Option, Page option.

Theme features

  • Quick Install
  • Shopify Builder
  • Theme Color Options
  • Newsletter Popup
  • Notification Bar
  • Multiple Currency
  • Header Style
  • Dropdown Menu
  • MegaMenu
  • MegaMenu With Image
  • Sections
  • Unique slider
  • Featured Product
  • Product With Carousel
  • Single Banner
  • Multiple Banner
  • About Information
  • Brand Logo
  • Services
  • Latest Blog
  • Ajax Cart Drawer
  • Ajax Wishlist
  • QuickView
  • Newsletter
  • Footer Content
  • Breadcrumb banner
  • Shop Grid/List View
  • Product share
  • Disqus comment
  • Facebook comment
  • Product review
  • Custom Tab
  • Related product
  • Post Comment
  • Post Archive
  • Contact Information
  • Contact Form
  • Shortcodes
  • 15+ Preeloader
  • Google Analytics
  • Neat, clean and simple design
  • Creative and Modern Flat Design
  • Fully Responsive
  • Cross Browser Optimization
  • Well Documentation
Need Support?
If you have any questions regarding to theme issues, please submit a ticket at https://devitems.com/support-center/

Files Included

  • Demo Content - (Presets, Demo Products)
  • Help - (Documentation, theme-install, import-demo)
  • Theme File Needs to Upload - (ponno-V1-0-0.zip)

Theme Installation

Extract your download file and upload Theme file (theme-nameVx-x-x.zip)


Install theme via Shopify Dashboard
  • Login the Shopify backend and click "Online Store"


  • Upload the zip file that contains the theme file




  • Finally Publish it



Video Example

Import Demo Content

If you want to design your store like our demo/preview site

  1. Demo content files are included in the downloadable file (that you have downloaded from our market place)
  2. Go to "Demo Content" folder and open "Presets" folder




  1. Choose any preset file, open it using any text editor (e.g. notepad, notepad++) and copy all the code.
  2. Now go to your online Shopify store backend Click "Online Store"
  3. Click on “Actions” button then click "Edit Code"


  • Open "settings_data.json" file and paste the copied code here


Now save it and you're done



Video Example

General (Currency)

Editing the HTML for currency formatting

  1. From your shop admin, go to the Settings / General
  2. Scroll down and then you will see a "Standards & formats" block. Find the "Currency" there
  3. Select your currency
  4. Click "Change formatting"
  5. Replace selected text and click Save





Payment

  1. From your shop admin, go to the Settings / Payments
  2. Choose a payment gateway to accept payments for orders. Than checkout page is work

Checkout

  1. From your shop admin, go to the Settings / Checkout
  2. Select Accounts are optional



Shipping

  1. From your shop admin, go to the Settings / Shipping
  2. To enable shipping calculator, please configure your shipping rates. Set up shipping rates

Install Apps

Set Product Review APP



Create Drop-down Menu

  1. how to create dropdown menu
  2. 1st add menu then then create dropdown menu by drag & drop


Create MegaMenu

  • You must have a single menu. Then create dropdown menu and create again menu under dropdown menu.



MegaMenu Image

  • When create dropdown menu then menu link select collection. If collection have image then this image show in menu.





Video Example

Create Product

  1. Products
  2. Add a Product to your Store
  3. Product image recommended Size: 900 x 1195px

Product Description

You have 4 short codes.
You could use Editor mode or Show HTML mode

Product New Badge short code. Put day limit, how many days show new badge in your product.

Product description short code

Product description short code in Product description tab

Affiliate link product short code in "Add to cart icon"


  1. [new_products]Here add your product New Badge day limit[/new_products] - work on Product Grid and List view
  2. [short_description]Here add your product short description[/short_description] - work on Product page below the product condition area , List product list view page, Search page and quick view
  3. [product_description]Here add your product full description[/product_description] - work on Product page in product description tab
  4. [affiliate_link]Here add your affiliate link[/affiliate_link] - work on Product page in "Add to cart icon"


Add Product Variants

  1. Product variants

Product Tags

  • Product tags
  • When add variants this variant must be add in tags


Create Collection

  1. Go to the Products / Collections
  2. Create and select your collection.

Create A Custom Page

  1. In a Online Store / Pages, find and click button "Add a page"
  2. Write in Title field page name
  3. Select Template: page
  4. Select Visibility: Visible
  5. You could use code Editor or HTML write mode content
  6. Click save


Contact Page

  1. In a Online Store / Pages, find and click button "Add a page"
  2. Write in Title field page name
  3. Select Template: page.contact
  4. Select Visibility: Visible
  5. You could use code Editor or HTML write mode content
  6. Click save

Wishlist Page

  1. In a Online Store / Pages, find and click button "Add a page"
  2. Write in Title field page name
  3. Page Title:

  4. Select Template: page.wishlist
  5. Select Visibility: Visible
  6. You could use code Editor or HTML write mode content
  7. Click save

Create Blog/Article

Theme Customize





Theme Color

  • Change Theme Color


Add Section

  • Click "Add section" and choose section. Click "Add" to add this section and placed this section by drag & drop


Other Page Customization

  • Go to page from customizer for customize page. Then show functionality for this page.