.

.
Showing posts with label OpenCart. Show all posts
Showing posts with label OpenCart. Show all posts
How to work with slider in opencart

How to work with slider in opencart

  1. Log into your Opencart admin panel.
  2. Navigate to Extensions -> Modules. Find Newcarousel module and click Edit.
    opencart_how_to_work_with_the_slider-1
  3. Here you can see what group of banners your slider uses. That is slideshow in our case.
    opencart_how_to_work_with_the_slider-2
  4. Go to System->Design->Banners . Look for Slideshow group and click Edit .
    opencart_how_to_work_with_the_slider-3
  5. Here you can add, remove or edit any current slide. Let’s add a new slide.
  6. Click Add banner button.
  7. Click Browse to open Image manager and select the image you want.
    opencart_how_to_work_with_the_slider-4
  8. Enter the new slider title for each language and description if necessary.
  9. Lets link the new slide to some store category page. Such URL should be relative to your store domain name. For example, if you want to link the slide to http://site.com/index.php?route=product/category&path=20 page, just copy part after http://site.com/ and insert it into Link field in the slide settings. That is index.php?route=product/category&path=20 in our case.
    opencart_how_to_work_with_the_slider-5
  10. Click Save to update the slider.
  11. Go back to your webstore frontend and refresh the browser page. We have added the new slide successfully.

Edit OpenCart template


In this tutorial we will show you a quick example of how you can edit a OpenCart template to change the default layout that is used for your OpenCart site.
By default when you install OpenCart all of the templates will be located in the following directory:
/catalog/view/theme/default/template/

  1. Open up the File Manager Code Editor in cPanel.
  2. navigate to common template directoryNavigate to the following directory in the File Manager:

    /catalog/view/theme/default/template/common/
  3. Right click on the header.tpl file and select Code Edit.
    If the encoding check pop-up displays, you can simply click Edit
  4. done editing header template click on save changesAround line 93 will be where the menu at at the top of your page completes. You'll want to insert a link to your gift voucher page here. The link you'll want to use should look like this:

    <li><a href="/support/./index.php?route=account/voucher">Gift Voucher</a></li>
    The section of code that you're adding this to is the DIV with the ID menu, the full code once you're done should look like this:
    <div id="menu">
    <ul>
    <?php foreach ($categories as $category) { ?>
    <li><a href="/support/<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
    <?php if ($category['children']) { ?>
    <div>
    <?php for ($i = 0; $i < count($category['children']);) { ?>
    <ul>
    <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
    <?php for (; $i < $j; $i++) { ?>
    <?php if (isset($category['children'][$i])) { ?>
    <li><a href="/support/<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
    <?php } ?>
    <?php } ?>
    </ul>
    <?php } ?>
    </div>
    <?php } ?>
    </li>
    <?php } ?>
    <li><a href="/support/./index.php?route=account/voucher">Gift Voucher</li>
    </ul>
    Once you're done making your modification, click on Save Changes at the top right.
Now you should have a nice visible link to your gift vouchers right in your top menu, instead of tucked away down in the bottom menu. Here is a before and after showing what this change accomplished:


Before:
opencart categories header-before


After:
opencart categories header after

How To Install /Run Opencart in localhost wamp server



To install OpenCart, you first need  download the latest version of the software. OpenCart comes as a ZIP archive, so afterwards you have to extract the archive’s contents into a folder of your choosing.
After extracting it, you’ll see a folder called upload and three text files named install.txt, license.txt, andupgrade.txt.
The install.txt file contains installation notes, license.txt contains the GNU General Public License under which OpenCart is released, and upgrade.txt contains instructions for upgrading an earlier version of OpenCart to the latest version if you’re already using it. The upload directory contains the files you need to upload to your web host.
NOW Copy all the files and folders found in the upload folder to the public directory of your web host. The name of the public directory or wamp (make folder & save all folder & files of upload folder) may vary depending on your host and configuration, but usually it’s named something likepublic_html.
After copying the files, you need to make sure the following files and directories are writable:
image/
image/cache/
image/data/
system/cache/
system/logs/
download/
config.php
admin/config.php
To make them writable, make sure the file’s permissions are 666 (rw-rw-rw) and directory permissions are 777 (rwxrwxrwx). You can do this with the chmod command if you have shell access, or easily through your host’s cPanel install.
To do this in cPanel, all you need to do is go the directory that you uploaded your OpenCart files to, right click on each of the file and folder choose “Change Permissions” for the pop up box.
Now create a MySQL database with a new user created and attached to it.
To create a MySQL database, you’ll need to login to your database backend. If it’s a shell, you can then use theCREATE DATABASE command and create a user with appropriate access privileges with GRANT.
If you’re using phpMyAdmin, under Create New Database enter the name of the database you want to create and click on the Create Button. Then to attach a new user to the newly created database, click on the Privileges tab at the top and then click on the the Add New User button. Enter the username, host (most likely “local”), and your chosen password twice. Under the Database then for the user select the None option. Under Global privileges click on the check all link.
After you have done all this, you should open the storefront in a browser to begin the installation wizard. The exact URL will depend on where you’ve uploaded the files; for example, if you’ve uploaded the files to public_html then you would open your domain, like www.example.com. If you’ve created public_files/store and uploaded the files there, then you would open www.example.com/store.
After you have visited the URL of where you uploaded your OpenCart files, you will be shown the first step which is “Step 1 – License”. All you need to do here is accept the GNU General Public License by ticking “I agree to the License” after which you click on the continue button.
The next step is “Step 2 – Pre-Installation”. The pre-installation screen displays all the installation requirements, and PHP settings and extensions. It would also check whether the correct permissions are set for the files and directories. If there are no errors, you can click on the continue button.
The next step is “Step 3 – Configuration”. This is where you enter the database host, the username and password of the MySQL user you created earlier, and the database name.
The next three options, Username, Password, and Email, are for the admin account. This is where you enter the username, password, and email address that you will be using to login to the administrative backend.
A screenshot of the “Step – 3 Configuration” s
creen is shown below.
After you click on the continue button, you’ll be shown the final step, “Step 4 – Finished”. Seeing this means that you have successfully installed OpenCart.
After the wizard is completed, you should delete the install directory from your server. This is the “installation directory” noted in the final wizard screen.
OpenCart installs a sample store during installation, and this is how the sample storefront looks:


But in this article I’m going to delete all of the products, categories, and attributes and do everything anew so that you can see how they are created.

First E-Commerce Store with OpenCart




Creating an online shop is as easy as A, B, C with the availability of so many open-source e-commerce platforms. In less than five minutes, you can create your very own online storefront like Amazon and offer physical and digital products for sale.

OpenCart is a robust e-commerce solution for Internet merchants giving them the ability to create their own online presence and participate in e-commerce at a minimal cost.

OpenCart Features

OpenCart is a powerful, open source shopping cart system that is designed to be feature rich and user friendly. Some of its features worth checking out include:
Open Source
The best thing about OpenCart is that it is free to download and use. There is no need for you to worry about licensing cost for using it. And if you ever make modifications to the OpenCart source code, you can share them back with the OpenCart developers so the community at large can benefit from them too.
Unlimited Categories/Products/Manufacturers
In an online store one would need to have unlimited Categories, products and manufacturers. In OpenCart you can create unlimited number of Categories for your products, add unlimited number of products to your store and add unlimited number of manufacturers.
Guest Shopping/Checkout
There are times you want to order a product online on an online store and don’t want to register before you can buy any goods. OpenCart allows guest shopping and checkout which enables a customer to add goods to their shopping cart, pay for the goods and checkout without them registering.