Many businesses use google maps to highlight their location on their website and customers prefer using it,
one of many reasons to use it would be flexibility and customization possibility. By using pinkmart you may add your map to the bottom of every page and anywhere on the page. You may use following instructions to add Google
Maps to your content as an element:
Google map can be used as an element in any part of the page. For doing so you may follow these steps.
It is obvious that the most important section for an e-commerce theme is the section related to shop, products
and handling them. We are proud of what we provided for our customers and we are sure that you won't be disappointed in pinkmart. Fully Ajaxified, light weighted, feature rich shop is something rare. The great thing about pinkmartt is the that even though it is very versatile and have almost everything,
yet we have hundreds of ideas ready to improve it even more. The following provides a STEP BY STEP guide on how to set your shop up and ready to use.
To be able to continue form this section on, you'll need to do previous steps, have a fresh new installation of
WordPress and have our themes and plugins installed and ready. The best method is to install WooCommerce along with other plugins installed and the immediately configure it (make relative paged to shop, choose currency etc.). If you need guidance with WooCommerce installation here is a great article and a great video tutorial
helping you get through it.
Shop settings are options that help you make small important changes to your store, settings like, tax rate,
currency, price format, shipping classes, account settings, check out settings etc. The following link helps you find a
set of tutorials on how to configure your shop.
In addition to general settings provided by WooCommerce, you may use our theme settings panel to configure
your shops general styles.
Add new product
You may create and sell any type of products with WooCommerce all you may need to know is small configurations
per each product type. So please create some product categories and some attributes then continue reading this section
Product Categories, tags & attributes
To be able to use different porduct type, product filtering any many useful plugins you will need to create
product categories, tags and attributes.
In addition to this video tutorial's options, pinkmart benefits from a custom attribute which is image
, color and text atteibute. This attributes let's you to define textures, colors, images etc as an attribute.
In order to have this feature, first of all you sholud set Variations Select Style option to Swatch Size Style on the product detail settings at pinkmart settings, then follow these
you can easily switch to dropdown product attribute fields through pinkmart setting if you don’t wanna need swatches style.
You can always get access to Variations Select Style through the following path:
Dashboard > Theme Setting > Product Details > Variations Select Style
Create a simple product
Simple products are those products are the easiest way of setting a product and sell it. To know how you may
create one please watch the following video or use this link.
Create a grouped product
Grouped products are those products in which you want to sell together as a package, for example, you want to
add "shop the look" option to your website and let users buy trousers, a shirt, and a necklace together, to do
this you'll need to have a grouped product.
Suppose you want to sell products that are already on Amazon and receive a commission for it, but you don't
own anything yourself. This is the time when one would need to use External/Affiliate product type.
This feature is very handy since this is applicable in most shops today. If you want to sell a product with
variations (for example you want to sell a product that has various colors), you'll need to use variable products section. Watch a general video on how to create a variable product. Remember that you have to add
attributes to your WooCommerce to be able to use
this product type.
In many stores the product which is being sold is virtual, things like music, video files or ebooks can be
sold in a different way because they might have a virtual nature.
We talked about widgets a while before, when we were talking about sidebars
some of the available widgets are specific to shops. Using them is exactly the same as we previously mentioned it. All you need to do is to drag and drop them to a specific widget area. WooCommerce widget names usually have the word WooCommerce in it (Ex: WooCommerce product filter). Custom WooCommerce widgets that are only available
to our customer has the word WC in their names (Ex: Kite WC product rating).
The custom shop filter is totally integrated into our theme, this means that you won't need to install a
plugin to be able to use it. The filter can be added to the top of shop page (The page with WooCommerce shop element). To enable or disable it please go to theme settings and enable shop filter,
The filter would now appear on the top of your shop page, now you can fill this section with "Kite WC layered NAV"
or other elements and enjoy filtering your products based on their color, attributes, selling status etc.
To visit samples of shop filter here.
To see all of the shop elements (elements) that are included in our theme please do as follows,
Product Categories Element
Product categories element lets you create a link to the categories of your product. This element benefits
from custom features like the background image, background animation, hover color with unlimited styles and many other
To visit samples of this element you may click
Groups Of Products Elements
Groups of product elements are those elements that ask for a feature and show a group of products based
on this feature, for example, "Top Rated Products element" checks the rating of product and return those with
Top Rated Products
Best Selling Products
On Sale Products
Product Deal and availability
Single Product Element
If you are looking for a more simple yet elegant way of representing a product, you may use the "Single
product" element. By using this you still have the option to use color hover, hover image, animations etc.
To visit samples of this element you may click here.
Product Deal Element
In some situations, you put some products for sale for a period of time.
Now, you are able to show these products on any pages that you want with a stunning design. This element also has many features that help you to make these products more bold and specific. Such as count down, carousel and grid mode, different style, etc.
To visit samples of this element you may click here.
There is 3 different header style for shop and categories page. Follow these steps to set shop and categories header.
1. First of all you should set icon or thumbnail image for categories on the following path:
Dashboard > products > categories
2. Go to the following path to set shop and categories header style:
Dashboard > Appearance > Customized > WooCommerce > Product catalog
1) set shop page display option to show categories and products.
2) set category display option to show subcategories and products.
3) set shop and category page header display to one of these options based on your desired:
show all product categories and subcategories on shop header. once you click on it, redirects you to its category or subcategory page.
To see what "Extended categories" would look like in real please visit this link.
Categories by icon
show only product categories icon with its category name on shop header. once you click on it, redirects you to its category page.
To see what "Categories by icon" would look like in real please visit this link.
categories by image
show only product categories thumbnail image with its category name on shop header. once you click on it, redirects you to its category page.
To see what "categories on image" would look like in real please visit this link.
When this featured first appeared in the field of WooCommerce it was known as a little bit fancy, however
at the moment it is a requirement for any e-commerce website, even if you are trying to sell virtual goods,
customers want to compare them with each other.
This feature in pinkmart can be added to any product type and can be activated through theme settings,
the capabilities of the main plugin was highly improved to make sure everything is Ajaxfied, clean, fast and
To visit samples of shop compare please open
this page and hover on products then you
will find compare icon.
Product Quick View
pinkmart's quick view feature can be enabled or disabled through theme settings and you won't need to do any
configuration to be able to have this. Our theme automatically creates a short description of your product detail and show it in lightbox. This feature is totally integrated and you won't need a plugin for it.
To visit samples of shop quick view please open
this page and hover over products then you
will find quick view icon(a magnifier).
Wishlist refers to the plugin that enables you to let users create a list of products they liked and buy them
later, even though you need to install a plugin but kitestudio customized this plugin the way that it enables you to use it in the top bar in any sidebar as well as products page and also in products detail.
To visit samples of shop wishlist please open
this page and hover over products then you
will find wishlist icon(a heart).
Product Percentage Sale
Percentage sale enables you to use "%" for discount products. This feature automatically calculates the discount percentage using the prices.
To visit samples of Percentage Sale please open this page.
By this new feature, you are able to change the pagination type of the shop page. Find all the options on the shop page settings at pinkmart settings.
There are three available pagination type:
It is the normal method of navigating between pages. You'll choose the page number and it will appear to you.
To see what "Products Pagination" would look like in real please visit this link.
Load More Button
By this one, you'll have a button at the bottom of the shop page once you click on it, the next page will appear on the screen.
To see what "Load More Button" would look like in real please visit this link.
By infinite scroll, once you scroll the shop page and being close to the end of the page, the next page will load automatically. This process will continue until you reach the last product.
To see what "Infinite Scroll" would look like in real please visit this link.
Sometimes, you just want to represent your products and don't want to sell them. In this case, the catalog mode will come to help you.
This option will remove all the options related to purchasing a product. Such as the add to cart button or the sidebar cart. Actually, your website acts like an online brochure!
Custom Product Tab
This plugin extends WooCommerce to allow shop owners to add custom tabs to products. The tabs are displayed on the individual product pages to the right of the default “Description” tab.Individual product tabs are managed on the WooCommerce Edit Product screen and can be added on a per product basis. You can also create saved tabs and add them to multiple products as needed. Tabs can be easily added, deleted and rearranged.this plugin is free and compatible with pinkmart theme.
The custom tab plugin is available on this link.
To visit samples of Custom Tab please open
Recently Viewed Products
Recently viewed products, help your website visitors to have quicker access to their previously viewed products. Obviously, these products are various from a person to another. Also, this option will use cookie content.
Activating this option let you have ‘Recently Viewed Products’ on your home page and each product page.
Product Size Guide
with Product Size Guide plugin, Give your customers more information about your products.With this, you are able not only to customize the existing size guides but also create your own for anything you imagine!Size Guide has settings that won’t only let you choose the size, color or type of button but also let you choose the place where it will appear!
To create a Size Guide please follow the steps of this image: