VG NewYork is a creative, modern Prestashop theme with 8 predefined home layouts which brings lots of choice for your shop. The theme is fully responsive and ensures that your website will function at its best on all web enabled devices including smart-phones and tablets, such as iPad to provide your target audience an optimal viewing experience.
This shop theme is very easy to install and highly customizable. It includes fluid design and cool features that enables you to create an outstanding website. It includes pre-built pages layouts that allow you to set up your online shop in an instant. It offers multiple header options and impressive slider with lovely animation and Ken Burns effects. The theme comes bundled with premium plugins like Slider Revolution, Mega Main Menu, VG WooCarousel, VG PostCarousel and Visual Composer that allows you to display your products in your website with ease. VG NewYork also offer advanced theme options that helps you easily customize your website and create a design for your website that suits your brand without touching a single line of code.
The theme comes packed with custom widgets and powerful shortcodes that allow developers to arrange and set up theme elements without difficulty. Many online entrepreneurs and shop owners prefer this theme because it is fully integrated with WooCommerce plugin. This popular WordPress eCommerce plugin offers hassle-free eCommerce management, allows you to sell any types of products from clothing, gadgets, digital downloads to affiliated/external products. Getting the word out about your online shop is also not a problem thanks to its strong social media integration.
VG NewYork – Overview:
8 Beautiful Home Layouts.
100% Responsive WordPress Theme.
Free Lifetime updates!
WordPress 4.5+ Ready
WooCommerce 2.6+ Ready
WPML Ready (.pot files included)
Visual Composer – $34 saved
Mega Main Menu – $15 saved
VG WooCarousel – $17 saved
VG PostCarousel – $15 saved
Revolution Slider – $19 saved
Product Quick View, Product Compare and Ajax Wishlist ready!
We have a dedicated support center for all of your support needs. It includes our Documentation, Community Forum and an advanced Ticket System for any questions you have. We usually get back to you within 14-16 hours. (except holiday seasons which might take longer). Use our theme you will never working alone!
To install this theme you must have a working version of WordPress. Please refer to WordPress documentation for further instructions. You can download the latest version of WordPress here https://wordpress.org/download/
WordPress 3.8 to 4.5
PHP 5.3.29 or higher
MySQL 5.0 or higher
Apache mod_rewrite module musts be enabled
This theme is tested under Mac, Windows and Linux.
Compatible Browsers: IE9+, Firefox, Safari, Chrome, Opera
All of our items come with free support, and we have an advanced ticket system to handle your requests. Support is limited to questions regarding the theme’s features or problems with the theme. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customizations of your theme, we suggest enlisting the help of a developer.
To find your licence key/purchase code you need to log into your ThemeForest account and go to your Downloads page.
Locate some of the Themes Kingdom themes you purchased in your Downloads list and click on the Download and next on the License Certificate & purchase code link in drop-down menu.
After you have downloaded the certificate you can open it in a text editor such as Notepad and copy the Item Purchase Code.
Download Package from TF
After purchased our theme, you need to go your download area, click on button Download and select download All files & documentation.
After download completed, you need unzip package and select the way you want to install the theme. We provide 3 options to install and use the theme and you just need select one: Install Quickstart Package, Install the theme and import sample data and Install the theme for already website.
Install Quickstart Package
Helpful when you going to build new website and don't need install requires plugins, import sample data but require server
The installation required :
PHP 5.3.29 or higher
MySQL 5.0 or higher
Apache mod_rewrite module musts be enabled
This theme is tested under Mac, Windows and Linux.
Install a Quickstart Pack in localhost
If you install the quickstart in your localhost, copy the extracted folder to: ...\wamp\www (if you are using WAMP) and ...\xampp\htdocs (if you are using XAMPP)
Start installation procedure:
After uploading is completed, open the browser and type your URL in the address bar: link/installer.php
STEP 1 : Files & Database
+ Make must Test Connection, if Success click on Run Deployment
+ This will take a few minutes
STEP 2 : Update
+ Click on Run Deployment
STEP 3 : Test Site
+ Click on Security Cleanup : Validate installer files are removed (requires login)
+ Login admin with password : 123456
+ Click each buttons:
STEP 4 : Change Password
+ You must change password after install.
STEP 5 : Replace Image Url’s
Slider not working after migrating site to new domain
If you like to build your site locally or have moved your site to a new domain, chances are your slider’s image url’s need to be updated.
Replace From : http://192.168.1.123/wordpress/blank/newyork/
Replace To : yourdomain
Demo images are not included in the quickstart package and have been replaced with placeholder images.
Install a Quickstart Pack from hosting
If you want to install the quickstart from your hosting, please upload all folders in the folder that you just extracted to the FTP Base folder (normally it is public_html)
After uploading is completed, open the browser and type your URL in the address bar: http://domain/installer.php
And installed as the steps above
Step 3 – In the next page, check all the plugins that you want to install then on the drop down Bulk Actions, choose Install then click Install, the plugin installation process will start.
Step 4 – Check all the plugins that you want to activate then on the drop down Bulk Actions, choose Activate and click Apply, the plugin installation process will start. Wait for all the plugin activated then you can start customizing your website as you wish
Step 5 – Install another plugin if you need: Shortcodes Ultimate, Contact Form 7, MailPoet Newsletters, Widget Importer & Exporter, WordPress Importer, YITH WooCommerce Compare, YITH WooCommerce Wishlist.
You can follow this video:
Import Sample Data
We can import content for projects, contact form,..
Login to your WordPress dashboard, navigate to Tools - Import. Click on WordPress link on the table then click Install Now button on popup window to install WordPress Importer.
Click on Activate Plugin & Run Importerlink to begin
Click "Browse..." button and select XML files in "sample-data/exported_files" folder. :
contact-form.xml: This is exported file of Contact Form 7 plugin.
projects.xml: This is exported file of Projects plugin.
all-content.xml: This is exported of many content, includes posts, pages, products, contact form, menus. You can ignore this file if you website has already content.
Click on Upload file and import button
On the next interface, select existing user on dropdown, check on Download and import file attachments to download sample images.
Click on Submit button to import.
All the content blocks are for sample, after importing finished, you have to edit them. Go to Content Blocks menu to see all, click on each block to edit.
If the process Import Data fails , you can import the data again
This method requires more steps and manual work. First, you need to manually download the new theme package from your ThemeForest account. Once you have the new theme package, you can choose to upload the theme via WordPress or via FTP. Please see the information below for how to download new files, and install it via WordPress or via FTP.
How To Receive Free Support
Step 1 – Log into your ThemeForest account and navigate to your Downloads tab. Find the newyork theme purchase.
Step 2 – Click the Download button next to it and either choose to download the Installable WordPress Theme, which is just the WordPress file, or choose to download the Main Files which is the entire package that contains everything.
Step 3 – After downloading the files, you need to decide if you want to install the update via FTP or via WordPress. For directions on both methods, please continue reading below.
How To Update Your Theme Via FTP
Step 1 – Go to wp-content > themes folder location and backup your newyork theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost.
Step 2 – Retrieve the vg-newyork.zip file from your new ThemeForest download and extract the file to get the updated newyork theme folder.
Step 3 – After extracting the updated newyork theme folder, simply drag and drop the new newyork theme folder into wp-content > themes folder location. Choose to Replace the current one if you did not delete the old newyork theme folder
Step 4 – Lastly, update the included plugins. You will see a notification message letting you know a new version of the plugins are available and need to be updated. Follow the onscreen prompts to update the plugins
If you upgrade through FTP, please visit your WP-admin so any new theme options can be registered. If you do not do this and also have wp-debug turned on, you may see php notices on the front end. They will disappear once you visit the WP admin.
How To Update Your Theme Via WordPress
Step 1 – You need to deactivate the current newyork theme located in the Appearance > Themes section by activating a different theme. Once you activate a different theme, you can delete the newyork theme. Dont worry, your content will not be lost.
Step 2 – Retrieve the new vg-newyork.zip file from your ThemeForest download. If you downloaded the Main Files from ThemeForest, you need to unzip the archive file you received to get the vg-newyork.zip file inside.
Step 3 – Upload the vg-newyork.zip file to the Appearance > Themes section by clicking on the “Install Themes” tab at the top and then choosing to upload the zip file.
Step 4 – Once it finishes uploading, choose to activate the theme.
Step 5 – Lastly, update the included plugins. You will see a notification message letting you know a new version of the plugins are available and need to be updated. Follow the onscreen prompts to update the plugins
Go to Apperances -> Settings -> Reading
You can choose Home Shop 1 or 2,3,4 to Front Page as Demo Themes
Config in Front page
After Import Data Menu you need configure to menu works properly
Login to your WordPress dashboard, navigate to Appearance - Menus, create menus for this theme. If you are a WordPress beginer, you can read Menu document to know how to work with Menu.
You can follow this video:
Before creating a new menu, you can Create some Pages for portfolio, contact, blog, shop... this will help you create menu quickly.
Step1 : Configure Mega Main Menu
Click on Mega Main Menu link
Check on primary then click on Save All Changes button.
Click to open Layout Options for primary, topmenu and
Uncheck on "Company Logo" and "Searchbox"
Check this option to make the menu sticky. Incompatible with the "Vertical" menu. Sticky do not working on mobile devices. If the menu will be is sticky on mobile devices when you open it - you can not click on the last item, because it will always be outside the screen.
Step2 : Configure Primary Menu
We offer 4 Main Menu for different layouts
Select Main Menu to edit, Click to Primary Menu and Mobile Menu, Save Menu to finish
The Primary menu has a complex structure, with many levels of sub-menu. Create your own menu structure by drag and drop to make sub menus.
Or choose fast at here :
To make a menu item has sub menus in multiple columns, click on menu item to open menu item settings and select Submenu Type is Multicolumns Dropdown, select Side of Dropdown Elements and Submenu Columns.
Step3 : Configure Top Menu
And configure in Widget:
You can add icons for menu very easy:
Step4 : Configure Category Product Menu
We offer 2 Category Product Menu for different layouts
You must choose Direction = Vertical to like as our demo.
And configure item menu as below:
We includes the popular Revolution Slider Created By ThemePunch. This slider is a beautifully animated slider that is 100% responsive and has some amazing options. We cannot cover everything here but we outline how to setup a slider and how to add slides to it. We also include a video tutorial walk through.
In this guide, we will create some of pages for your store like home page, blog page, shop page, about us page, contact page...
Go to Pages - Add New, enter page title and select template is Home Shop 1 Template
For the page content, open "sample-date/pages" folder in this package, open a "home-[page name].txt" and copy content. Click on "CLASSIC MODE" and click on "Text" tab to switch to HTML mode, paste content there and click Publish to save page.
Go to Settings - Reading, select "A static page" in "front page displays" then select your page in dropdown.
To get a shortcode, for example Accordion, you can go to: admin → Pages → Accordion & Toogles
Or you can use the "Customize", it is easy to use
In General tab, we can upload Logo images and change Body Background for the website. We recommend logo image in .PNG file format for all logo images.
In this tab, we can change the Menu Mobile for website.
In this tab, You can change Hover Effect for Images Products, Images Banner and Images Blog.
Eg : Effect Default
In this tab, we can change color for theme.
Click on Layout tab, in this tab, we can select page layout is Full Width or Box.
Click on Sidebar tab to change position for each sidebar. Just select Left or Right position for sidebars.
In this Tab , we can upload Brand logos and links.
In this tab, change Category View Layout, Banner Header Category and Use hidden meta tags, category, SKU ...
In this tab, you can configure Less Compiler, Custom CSS, Custom JS.
This theme use Less technology to compile all theme options with .less files into CSS files.
Enable Less Compiler: Turn this option on to make sure all theme options are effected. Only turn it off when you do not change any theme options. When this option is turned off, the theme does not compile .less files, that make server run abit faster.
Custom CSS Paste your CSS code here.
Custom JS Paste your JS code here.
Use this plugin to make the contact form on contact page. Navigate to Contact - Contact Forms, there is a form named Contact form, if you want to create a new form, click on Add New button.
Click on the form title to edit form, copy this code and paste into Form box:
When option choose done please publish VG WooCarousel as like post and then copy short-code form "Woocommerce Products Carousel Options" Shortcode area. you can use this short-code in page content or for php file you can use php code.
When option choose done please publish VG PostCarousel as like post and then copy short-code form "VG PostCarousel Options" Shortcode area. you can use this short-code in page content or for php file you can use php code.
Search - Ajax AutoSuggest
Configure in Setting
You must enter Full Search URL: domain/?s=%q%&post_type=product
You must add search in Widgets
How to Override CSS?
You can override css by 3 ways below :
1. Use Custom Css in ThemeOptions
2. Use custom.less file :
- First you need to add file custom.less in to the directory: ROOT/wp-content/themes/vg-newyork/less/
- Then you must include new css file to our template by follow : Open theme.less file and add the following line of code to the end of file: "@import 'custom';"
- Now you can override css of we by add code css in to custom.less file
Why you should write your css in custom.less file ?
You can edit css by edit in theme management or modify in any other css files. But when you update the latest theme from us, your css edited will lose. Our system file will overwrite all.
==> Therefore we advise you to write css in file custom.less for the theme update does not affect the css great that you have created
3. Install Child theme and override css in file: /wp-content/themes/vg-newyork-child/style.css
How to Modify Theme?
Use Child Themes to Modify Theme
A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme.
Why use a Child Theme?
There are a few reasons why you would want to use a child theme:
If you modify a theme directly and it is updated, then your modifications may be lost. By using a child theme you will ensure that your modifications are preserved.
Using a child theme can speed up development time.
Using a child theme is a great way to learn about WordPress theme development.
How to use a Child Theme?
In this theme, we offer you a sample Child Theme (vg-newyork-child.zip). You install it like normal theme.
But you can create your own Child Theme form by following the instructions below
In addition to the above, you can speed up by the following ways :
1. Use CloudFlare
This is similar to the section above on using CDN’s, but I’ve become so fond of CloudFlare since I discussed it in my best web analytics post that I’ve decided to include it separately here.
To put it bluntly, CloudFlare, along with the W3 Total Cache plugin discussed above, are a really potent combination (they integrate with each other) that will greatly improve not only the speed, but the security of your site.
2. Choose a good host
When starting out, a shared host might seem like a bargain (“Unlimited page views!”). It comes at another cost: incredibly slow site speed and frequent down time during high traffic periods.
If you plan on publishing popular stuff, you’re killing yourself by running your WordPress site on shared hosting.
The stress of your site going down after getting a big feature is enough to create a few early gray hairs: don’t be a victim, invest in proper hosting.
The only WordPress host I continually recommend is…
✓ WP Engine managed WordPress hosting
My sites are always blazingly fast, never have downtime when I get huge features (like when I was featured on the Discovery Channel blog!), and the back-end is very easy to use.
Last but not least, support is top notch, which is a must when it comes to hosting. Take it from someone who’s learned that the hard way.
Head on over to the WP Engine homepage and check out their offerings, you’ll be happy you did.
3. Use a content delivery network (CDN)
All of your favorite big blogs are making use of this, and if you are into online marketing using WordPress (as I’m sure many of my readers are) you won’t be surprised to here that some of your favorite blogs like Copyblogger are making use of CDN’s.
I pernewyorklly use the Max CDN Content Delivery Network on my WordPress sites, as I’ve found that they have the most reanewyorkble prices and their dashboard is very simple to use (and comes with video tutorials for setting it up, takes only a few minutes).
There is a plugin called Free-CDN that promises to do the same, although I haven’t tested it.