Opencart 2.0 what’s new!

So it’s finally here. Opencart 2.0. There have been some major changes that this article will go over a few of the big changes that I feel you should know about.

Bootstrap 3 (Twitter Bootstrap)

This is a huge change. This is the ever popular twitter bootstrap now installed in Opencart. Bootstrapping wraps the default theme/CSS with the bootstrap theme and allows for more control over styling. Your store is now sleek, stylish, and more powerful than ever on both desk top devices and all mobile devices.

OCMOD is integrated (OC2)

You can now make modifications to your website while avoiding having to change core files. No separate installation required. This is very helpful and can avoid costly alterations that may affect the rest of your site.

Font Awesome

This will make your website look professional and lively with this CSS font collection. All of the 439 icons are retina ready as well as customizable and scalable. Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

Extension Installer

A very nice theme/extension installer for the front end and the back end. No more over-writing files via FTP. This leads to a faster and more accurate installation process.

Event Added

Event notification system.Example: send an email to admin when there is a new registered user.

API Integrated

This addition allows you to integrate your website with 3rd party API Platforms. Create an iOS and Android application.

Intuitive Dashboard

The new dash board helps you really focus on what is really important like sales, statistics etc. The previous horizontal menu is replaces with a vertical menu and is more intuitive.

UPGRADING WARNING

If you are upgrading you need to make a complete back up of your entire website because some people’s websites are breaking depending upon which extensions you have installed.

Example of front end:

screen

Back end example:

screen2

Looking for quality OpenCart Web Hosting? Look no further than Arvixe Web Hosting!

 

 

Tags: , | Posted under OpenCart | Leave a comment

How to disable links in Signatures in Xenforo

Hello everyone!

Today we are going to discuss how to disable links in users signatures. It’s quite a simple task but many don’t know how to do it.

 

So first we are going to log into our Admin Panel and you are going to navigate to Users and then on the left hand side you  will scroll down to the bottom and look for on the left hand side User Group Permissions like so:

xen20

Click that and you will see this page:

xen21

So now you just have to pick which group your going to edit this for. For this tutorial we are going to use Registered members for this so go ahead and click on the Registered Members group and you will see this page:

xen22

So this looks rather overwhelming but it’s easy to navigate so here we are looking for one section it’s called Signature Permissions from there you will see Allow Links in this you will click the grey box which is No. It looks like this:

xen23

So after you set it to No scroll to the bottom and click Update Permissions. Once you do this, no user in the Registered group should be able to add a link to their account they should see the following message:

xen24

So if you notice here there is no option to add a link into the signature.

 

There you have it! It’s all done, if you have any questions or concerns please ask below!

Looking for quality XenForo Hosting? Look no further than Arvixe Web Hosting!

Tags: , , , , , , , | Posted under XenForo | Leave a comment

Opencart – should I use tables?

This article will deal with the topic of HTML tables, what they are, whether to use them and how and when to use them.

What is a table?

An HTML table is an element comprised of table rows and columns, much like you’d see when working with an application such as Excel. Tables are container elements, and their sole purpose is to house other HTML elements and arrange them in a tabular fashion — row by row, column by column.

Tables are defined with the <table> tag.

Tables are divided into table rows with the <tr> tag.

Table rows are divided into table data with the <td> tag.

A table row can also be divided into table headings with the <th> tag.

<table border="1">
  <tr>
    <td>Row 1 Cell 1</td>
    <td>Row 1 Cell 2</td>
  </tr>
  <tr>
    <td>Row 2 Cell 1</td>
    <td>Row 2 Cell 2</td>
  </tr>
</table>

Should I use tables?

This is a very good question. Tables have been being used for a long time now in the world of web development. In the beginning they were used to build entire websites. This was back when CSS was not even in use. CSS, (cascading style sheets) is client side scripting language that aids in styling html elements. It’s so advanced now that you can make a single elements look the same in all modern browsers. This doesn’t however completely wipe away the need for tables and if used in the right place they can be very useful indeed. With the current CSS capabilities you can even style out tables to look the same in all modern browsers. I’d recommend staying away from tables unless you need to use them. It’s  a better habit to use CSS for all of your HTML design and use tables just to display data.

Opencart actually does use tables in certain places. Let’s take a look at a template page where tables are used. Navigate to /admin/view/template/catalog/attribute_group_list.tpl

Here you will see the following code:

 <table class="table table-bordered table-hover">
              <thead>
                <tr>
                  <td style="width: 1px;" class="text-center"><input type="checkbox" onclick="$('input[name*=\'selected\']').prop('checked', this.checked);" /></td>
                  <td class="text-left"><?php if ($sort == 'agd.name') { ?>
                    <a href="<?php echo $sort_name; ?>" class="<?php echo strtolower($order); ?>"><?php echo $column_name; ?></a>
                    <?php } else { ?>
                    <a href="<?php echo $sort_name; ?>"><?php echo $column_name; ?></a>
                    <?php } ?></td>
                  <td class="text-right"><?php if ($sort == 'ag.sort_order') { ?>
                    <a href="<?php echo $sort_sort_order; ?>" class="<?php echo strtolower($order); ?>"><?php echo $column_sort_order; ?></a>
                    <?php } else { ?>
                    <a href="<?php echo $sort_sort_order; ?>"><?php echo $column_sort_order; ?></a>
                    <?php } ?></td>
                  <td class="text-right"><?php echo $column_action; ?></td>
                </tr>
              </thead>
              <tbody>
                <?php if ($attribute_groups) { ?>
                <?php foreach ($attribute_groups as $attribute_group) { ?>
                <tr>
                  <td class="text-center"><?php if (in_array($attribute_group['attribute_group_id'], $selected)) { ?>
                    <input type="checkbox" name="selected[]" value="<?php echo $attribute_group['attribute_group_id']; ?>" checked="checked" />
                    <?php } else { ?>
                    <input type="checkbox" name="selected[]" value="<?php echo $attribute_group['attribute_group_id']; ?>" />
                    <?php } ?></td>
                  <td class="text-left"><?php echo $attribute_group['name']; ?></td>
                  <td class="text-right"><?php echo $attribute_group['sort_order']; ?></td>
                  <td class="text-right"><a href="<?php echo $attribute_group['edit']; ?>" data-toggle="tooltip" title="<?php echo $button_edit; ?>" class="btn btn-primary"><i class="fa fa-pencil"></i></a></td>
                </tr>
                <?php } ?>
                <?php } else { ?>
                <tr>
                  <td class="text-center" colspan="4"><?php echo $text_no_results; ?></td>
                </tr>
                <?php } ?>
              </tbody>
            </table>

I wanted to go over a couple of key points in the code above. 1st, I believe that if there was ever a place to use tables it would be in an ADMIN SECTION such as this because honestly it doesn’t matter much that it looks the same in all browsers. It’s the admin! Second, this code snippet is great because it shows the use of PHP with tables and how you can echo rows of data from within the PHP FOREACH LOOP. This is the loop here:

 <?php foreach ($attribute_groups as $attribute_group) { ?>

More information about tables

Tables actually can be responsive with a little bit of work. In today’s modern web age there is a strong need for mobile ready websites, sites that are truly responsive to all types of devices. Here is a great web page that explains how to do this: http://zurb.com/playground/responsive-tables

Plugins such as Jquery Data-tables are extremely powerful because of their ability to display large amounts of data efficiently and stylishly. This plugin also allows you to sort data intuitively. Jquery, and Tables together make this powerful plugin the most popular one today: http://www.datatables.net/

Looking for quality OpenCart Web Hosting? Look no further than Arvixe Web Hosting!

Tags: , , , | Posted under OpenCart | Leave a comment