BEST WORDPRESS DIRECTORY LISTING THEMES

WORDPRESS DIRECTORY LISTING THEMES WILL SUIT THE NEEDS OF THOSE WHO NEED A RESPONSIVE TEMPLATE WITH A BIG MAP AND CLASSIFIED STRUCTURE. IN 2013, THESE WORDPRESS THEMES COME WITH CUSTOM GOOGLE MAPS, POWERFUL CUSTOM-BUILT LISTING MAPPING AND DIFFERENT LISTING LAYOUTS.

WordPress Directory Listing Themes are loved by real estate businesses, job boards, ads and other type of companies. Powerful WordPress engine will help you to easily manage the content on the website, as well as the layout and style. Custom widgets and plugins can be integrated.

Also, we should point out the fact that some of these templates come with PayPal payment system, which will make transactions an easy task. You will able to receive payments from your users, as well as to pay others. Please consider, that a PayPal account is needed in order to do this.

We have considered the fact that it is not easy to find good examples of WordPress Directory Listing Themes and we created a collection of the best solutions. All of these templates were tested and are used by hundreds of people worldwide, which are satisfied with the quality these premium WordPress themes provide. You can try these Real Estate WordPress Themesas well.

 

BUSINESS FINDER

Business Finder theme is an absolutely unique theme inspired by our very successful Directory Theme we released few months ago. Business Finder theme is fully compatible with Directory theme, you can switch between themes without loosing your data.

DEMO   DOWNLOAD

 

ATLAS DIRECTORY & LISTINGS

Atlas Directory & Listings theme is an absolutely unique premium WordPress theme, it is the result of more than 3 months of development. Your users will never have access to the WordPress dashboard, everything is done on the front-end. You can, register, login, edit your profile, submit listings, change your membership and so much more from the front-end without having to visit the WordPress dashboard.

DEMO   DOWNLOAD

 

LISTINGS

Listings is a Theme and it’s name can tell you it’s purpose.You can publish any thing you need and for any purposes like Selling Cars, Real Estate, Rents, Services. This theme is made carefully to be very extensive and really easy searchable.

DEMO   DOWNLOAD

 

CLASSIFIER

Classifier WordPress theme will help you develop a classified ad website in which you can add your ads, renew your ads, delete your ads, or add or modify multimedia files to your ads. Classifier theme can be adapted to community websites, business directories, personal ads, real estate listings, auto ads, miscellaneous items for sale and much more. It is one of the best WordPress Directory Listing Themes.

DEMO   DOWNLOAD

 

DIRECTORY

Classified ad, one of the most popular forms of advertising in the world. Directory will give you the chance to create a nice, well-rounded classified ads-styled website. Offering a classified ads section easily to your existing site could be the biggest money spinner so far, even if you don’t charge for them – because of all that extra traffic you’ll get.

DEMO   DOWNLOAD

 

GLOCAL

Glocal is a responsive Directory Template that offers a wide range of features that enables to create a listing of companies and illustrate them per category and on a geographical basis. The Theme has been conceived on content-oriented basis enabling you to increase the spectrum of Value Added Services to your members on a tailor-made approach. It is one of the best WordPress Directory Listing Themes.

DEMO   DOWNLOAD

 

GEOCRAFT

GeoCraft Theme lets you get your City Business Directory website online within minutes.

DEMO   DOWNLOAD

 

SPOTFINDER

Spotfinder is the ultimate choice when it comes to listings. Featuring customisable search fields you are able to create custom forms and fields and use SpotFinder to list virtually anything. Packed with a custom-built front-end submission system, featuring a custom cart and paypal integration, you are able to allow your users to submit their own listings and charge them to do so or to add extras such as more images, more tags, custom fields and a lot more, all with no wordpress backend at all.

DEMO   DOWNLOAD

 

PROPERTA

They have created Properta theme with strong focus on User Experience in every detail. Every element is designed to work well on any popular device. Properta is ready to put your website on higher ranks. Every line of code was developed with SEO principles in mind.

DEMO   DOWNLOAD

 

JOBIFY

Creating a job listing website has never been easier with Jobify, the easiest to use job board theme available. Create a community of employers and prospective employees. This is one of the best WordPress Directory Listing Themes.

DEMO   DOWNLOAD

 

REALIA

Realia is Real Estate and Rental Portal template for WordPress. Create your own property portal in easy way. Realia supports dsIDXpress WordPress plugin and new WP Theme customization API, which allows you to make design changes in real-time.

DEMO   DOWNLOAD

 

DIRECTORY PORTAL

Theme has built-in spaces for advertising, you can easily include your google adsense or any other ads. Theme also includes custom-built search and filter of all items you add in into online directory.

DEMO   DOWNLOAD

 

THE NAVIGATOR

This directory-based theme utilizes Google maps to display exact locations and provide users the ability to interact with the location. This theme could also function as a real estate listings directory or store locator.

DEMO   DOWNLOAD

 

WP PRO AUTOMOTIVE

WP Pro Automotive is one of the most powerful car dealership themes purpose-built to showcase your listings, loaded with more features than you can shake a stick at. It is one of the most versative WordPress Directory Listing Themes that we know.

DEMO   DOWNLOAD

 

 

BEST WORDPRESS DIRECTORY LISTING THEMES

How to Fix Cross-Browser Compatibility Issues

Your website will be easy to view at the correct size and style for all the many new different media devices and screen sizes that more and more people are now using to browse the internet. But if you are reading this blog post, you are probably already aware of the value and usefulness of responsive web design.

Specifically, for the purposes of this tutorial, you should know that it is equally important for your design to function in all browsers.

The first line of code you should write in your styles once you have a container for your image (img) is:

img {
 max-width:100%;
}

 

This rule forces the image’s width to match the width of its container and it can also be applied to most rich media elements on your site such as video or sliders. All browsers support max-widthexcept for Internet Explorer 6 and below. Now, the necessity of having your website work in IE6 isn’t very high these days but it’s good to know the way to fix it.

The Easy Way:

img.full,
.main img {
 width:100%
}

 

In this example we are targeting certain images or specific containers where you know you’ll be dealing with oversized media, so your smaller sized media stays intact instead of becoming an eyesore.

The last issue we need to take a look at is not really a browser-specific issue as much as a platform-specific one. Windows doesn’t do a very good job when you try to resize images via CSS, they tend to develop artifacts, impacting their quality. This bug only affects IE7 and lower as well as Firefox 2 and lower on windows (It seems to have been fixed in Windows 7). Unfortunately there is no reliable fix for Firefox, but IE does have a toggle.

The Not So Easy Way:

.logo { background: none;
 filter: progid:DXImageTransform.Microsoft.
 AlphaImageLoader(src="/path/to/logo.png",
 sizingMethod="scale");
}

 

AlphaImageLoader is one of Microsoft’s proprietary CSS filters. Applying this rule to an imagedramatically improves rendering quality in IE, matching every other browser’s quality. But this leaves us one last step to take care of.

What AlphaImageLoader actually does is it creates an object that sits between the image and its background. It replaces the src attribute of the img element with a transparent “spacer” GIF that will be resized in order to match the original element. Sadly, this causes a bug for our max-width:100% / width:100% approach because the GIF has its own physical dimensions; it won’t scale properly within its container. So, you will need the following script to help you out with that.

Here’s How It’s Not So Easy:

var imgSizer = {
 Config : {
 imgCache : []
 ,spacer : "/path/to/your/spacer.gif"
 }
 ,collate : function(aScope) {
 var isOldIE = (document.all && !window.opera && !window.XDomainRequest) ? 1 : 0;
 if (isOldIE && document.getElementsByTagName) {
 var c = imgSizer;
 var imgCache = c.Config.imgCache;
 var images = (aScope && aScope.length) ? aScope : document.getElementsByTagName("img");
 for (var i = 0; i < images.length; i++) {
 images.origWidth = images.offsetWidth;
 images.origHeight = images.offsetHeight;
 imgCache.push(images);
 c.ieAlpha(images);
 images.style.width = "100%";
 }
 if (imgCache.length) {
 c.resize(function() {
 for (var i = 0; i < imgCache.length; i++) {
 var ratio = (imgCache.offsetWidth / imgCache.origWidth);
 imgCache.style.height = (imgCache.origHeight * ratio) + "px";
 }
 });
 }
 }
 }
 ,ieAlpha : function(img) {
 var c = imgSizer;
 if (img.oldSrc) {
 img.src = img.oldSrc;
 }
 var src = img.src;
 img.style.width = img.offsetWidth + "px";
 img.style.height = img.offsetHeight + "px";
 img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')"
 img.oldSrc = src;
 img.src = c.Config.spacer;
 }
 // Ghettomodified version of Simon Willison's addLoadEvent() -- http://simonwillison.net/2004/May/26/addLoadEvent/
 ,resize : function(func) {
 var oldonresize = window.onresize;
 if (typeof window.onresize != 'function') {
 window.onresize = func;
 } else {
 window.onresize = function() {
 if (oldonresize) {
 oldonresize();
 }
 func();
 }
 }
 }
}

 

This script will find any images in your document and create a series of flexible, high-quality AlphaImage Loader objects for them.

How to Fix Cross-Browser Compatibility Issues

cross-browser compatibility conflict Troubleshoot

cascading style sheets (CSS) to display perfectly in all browsers can be a cumbersome and confusing process. Older browsers, such as Internet Explorer 6, struggle to display certain CSS properties correctly. In this tutorial, you will learn how to troubleshoot the most common issues reported regarding cross-browser compatibility and CSS Sculptor layouts.

Before you learn the method of commenting out CSS selectors to identify cross-browser compatibility design issues, review these basic style sheet tips regarding Height, Font Size / Line Height, Padding, and Borders.

Always make a copy of your style sheet before experimenting with changes.

1. Height
   
    
   
   1. Do not use height: auto when trying to achieve cross-browser compatibility.
   
   
   2. Instead, use height: 100%.
   
   

    



2. Font Size / Line Height
   
    
   
   1. If you increase the font-size property, you will also need to increase the line-height property.
   
   
   2. Line-height should be at least the same size as the font-size.
   
   

    



3. Padding
   
    
   
   1. Padding affects the total width and height of your elements.
   
   
   2. The total width of a div is equal to width + right-padding + left-padding.
   
   
   3. The total height of a div is equal to height + top-padding + bottom-padding.
   
   

    



4. Borders
   
    
   
   1. Dotted borders will not display in Internet Explorer 6 or older.
   
   
   2. Be aware these borders will display as dashed borders in these browsers.
   
   

    

When modifying pixels, it’s easier to spot results if you temporarily add or subtract a

larger number of pixels and then back into desired results.

 

 Troubleshoot CSS design issues

 

Now you will learn how to troubleshoot cross-browser compatibility conflict in your CSS design by narrowing down the source using the Apply Comment and Remove Comment options.

1. In the Dreamweaver Files panel, open your style sheet. If your style sheet was created by a WebAssist extension, it will be named style.css.

1. Beginning at the top of the style sheet, highlight each CSS selector and apply a comment.
   
    
   
   1. From the Coding panel, choose the Apply Comment option.
   
   
   2. Select Apply /**/ Comment to wrap code around the selector.
   
   

    

Wrapping Apply /**/ Comment around the selector prevents the style from being applied to your page.

1. Continue commenting out CSS selectors one line at a time until the design issue disappears.
   
   Save your style sheet and preview your page often as you proceed.
   
   


2. From the Coding panel, choose the Remove Comment option. Remove all CSS selectors with the exception of the last one.

1. Now that you’ve identified the CSS issue, decide if that particular style is necessary to your design. Then investigate how to handle it for cross-browser compatibility.


2. If the style is retained, use the Remove Comment option one last time.
   
   
   

1. Save your style sheet (Ctrl or Cmd + S) and preview your page (File > Preview in Browser).

cross-browser compatibility conflict Troubleshoot

how to add page links in the navigation bar in magento

Step 1: Create a Subcategory

To add page links to the top navigation:

From the Admin panel, select Catalog > Manage Categories.

On the Categories Management page, click Add Subcategory. Then, do the following:

Enter a Name for the link.

Scroll down to the bottom of the form, and set Is Active to “Yes.”

Set Include in Navigation Menu to “Yes.”

In the URL Key field, type the name of your page link in lowercase letters with hyphens instead of spaces. (For example, newpage.)

In the upper-right, click the Save Category button.

 

Step 2: Create a Redirect

From the Admin panel, select Catalog > URL Rewrite Management.

In the text box at the top of the Request Path column, type the URL key for the subcategory, and click Search. When the the subcategory appears, click to open the record.

NOTE: you will have records for each installed language.

We will open each one in a new tab.

 

To save the Target Path value, do one of the following:

Copy the Target Path to the clipboard.

Write down the Target Path.

Then delete each item.

In the upper-right corner of the URL Rewrite Management page, click the Add URL Rewrite button, and do the following:

In the Create URL Rewrite list, select Custom. A form appears in the lower part of the page.

In the ID Path text field, type the URL key of the page link in lowercase, using hyphens instead of spaces. (For example, about-our-company.)

In the Request Path, either paste or type the Target Path value that you previously recorded.

In the Target Path field, type the URL for the page link.

Set Redirect to “Permanent (301).”

Click Save.

 

NOTE: this nees to be done for each language. In this example, we’ll perform it for only one English Language.

Now, we can create our page. Go to CMS -> Pages.

Click on Add New Page button

Specify Page Title and URL Key.

 

In the Content tab, place your page content.

In Design tab, choose desired page Layout

Click Save Page

NOTE: you may need to clean your magento Cache.

Go to System ->Cache Management.

In Cache Control box check all options and in All Cache dropdown select Refresh

Then click Save Cache Settings in the top right corner.

Open your website and refresh the page (CTRL+F5)

how to add page links in the navigation bar in magento

How to install a new language in magento

1. Go to http://www.magentocommerce.com/ and in the search field type the  name of a new language pack, e.g. ‘Italian language pack’ and click the magnify glass.


2. Wait till the results show up. Click the link that says Magento Community Modules – Italian (Italy) Language Pack


3. On the next page, click Install Now. Check “I agree to the extension license agreement” and click Get Extension Key. You should be registered on the site to follow these steps.


4. When you are logged in, click the “Select key” button. It will highlight the URL which you will to copy.

 

1. Log into your Magento admin panel and go to the top menu System -> Magento Connect -> Magento Connect Manager.

 

1. It will ask  you to re-login with the same details used for the  admin panel.


2. On the next page, under Extensions -> Install New Extensions -> Paste extension key to install paste the url you copied and click Install. Then click Proceed.

 

1. This will install the language package for you. When you see the “cache cleaned successfully” message, open the Magento dashboard page again.

 

1. Go to System -> Manage Stores.

 

1. Click Create Store view

 

1. Fill all the fields in like this:

1. Click Save Store View. You will see the new store view added to the list

1. Go to the top menu System -> Configuration.

 

1. From the Current Configuration Scope on the left select Italian.

 

1. Under General -> Locale Options -> Locale select Italian (Italy).

 

1. Click Save Config.


2. Go to the top menu System -> Design.

 

1. Click Add Design Change at the top right.


2. Under General Settings select Italian for Score and your current theme for Custom Design.

 

1. Click Save.


2. Clear Magento cache and open the front page of your site. Select the new language from the language box.


3. You template  may have custom CMS blocks that you will need to re-create for the new language layout. Go to CMS -> Static Blocks -> Add New Block and re-create the exiting custom blocks like Footer Links, Footer list 1, Footer list 2, Custom tab, header-links etc (depending on your theme). The code can be taken from the existing blocks and changed manually.


4. To avoid the ‘___from_store’ query string  from  the urls when you switch a different language, in/app/design/frontend/default/template/page/switch/languages.phtml find line 41 and change it from:

echo $_lang->getCurrentUrl()

 

To:

echo $_lang->getCurrentUrl(false)

 

Then go to System -> Configuration -> General -> Web in your Magento admin. Then Options -> Add Store Code to Urls -> Yes.

 

 

How to install a new language in magento

How to change the welcome message in magento

1. Enter the Magento admin panel. To do this, please type “admin” after your domain name in the browser address bar

2. Click the “System” tab

3. Select the “Configuration” menu item.

4. In the “General” section please click the “Design” button and open the “Header” tab

5. Here you can see the field where the welcome message can be changed

6. When you are done, click the “Save Config” button to save your changes.

How to change the welcome message in magento

How to change footer links and copyright notification in magento

How to change footer links:

how to edit footer link in Magento templates. Usually the footer links are:

About Us, Customer Service, Site Map, Search Terms, Advanced Search, Contact Us

Before you proceed please make sure your Magento cache is refreshed and disabled.

 

Static Block footer links

The footer links could be different for each template. You can find them in the Magento admin panel > CMS > Static blocks. However each Magento template has static block called Footer Links

This block contains 2 links: About Us and Customer Service.

The static block code looks as follows:

 

<ul>
 <li><a href="{{store direct_url="about-magento-demo-store"}}">About Us</a></li>
 <li class="last"><a href="{{store direct_url="customer-service"}}">Customer Service</a></li>
</ul>

 

To link it to the extarnal URL replace:

store direct_url="about-magento-demo-store"

with your website URL (http://your_URL_here)

To link it to the internal page replace:

store direct_url="about-magento-demo-store"

with:

store direct_url="HERE INSERT THE PAGE, CATEGORY OR PRODUCT PAGE LINK"

 

For example:

store direct_url="sample_product"

 

Magento core footer links

Other 4 links Site Map, Search Terms, Advanced Search, Contact Us are stored in XML files. Open your Magento installation folder, go to app/design/frontend/ folder.

Depending on the template version you may see folders like: blank, base and default. Open each and search for your template folder (theme NAME).When you are in the template folder open Layout folder.

 

Site Map

Open catalog.xml file. Edit:

<reference name="footer_links">
 <action method="addLink" translate="label title" module="catalog" ifconfig="catalog/seo/site_map">
 <label>Site Map</label><url helper="catalog/map/getCategoryUrl" />
 <title>Site Map</title>
 </action>
</reference>

 

Search Terms and Advanced Search

Open catalogsearch.xml file. Edit:

 

<reference name="footer_links">
 <action method="addLink" translate="label title" module="catalogsearch" ifconfig="catalog/seo/search_terms">
 <label>Search Terms</label><url helper="catalogsearch/getSearchTermUrl" />
 <title>Search Terms</title>
 </action>

 <action method="addLink" translate="label title" module="catalogsearch">
 <label>Advanced Search</label>
 <url helper="catalogsearch/getAdvancedSearchUrl" />
 <title>Advanced Search</title>
 </action>
</reference>

 

Contact Us

Open contacts.xml file. Edit:

<reference name="footer_links">
 <action method="addLink" translate="label title" module="contacts" ifconfig="contacts/contacts/enabled">
 <label>Contact Us</label>
 <url>contacts</url>
 <title>Contact Us</title>
 <prepare>true</prepare>
 </action>
</reference>

In case your footer contains RSS link it could be found in the layout/rss.xml file

<reference name="footer_links"> <action method="addLink" translate="label title" module="contacts" ifconfig="contacts/contacts/enabled">
 <label>Contact Us</label>
 <url>contacts</url>
 <title>Contact Us</title>
 <prepare>true</prepare>
 </action>
</reference>

 

Note: if your template folder (theme NAME/layout) doesn’t contain the necessary files search in the parent theme folder. For example if there are no necessary files in default/default/layout folder search in default/theme NAME /layout. The same if no files in the base/theme NAME/layout folder, search in base/default/layout folder.

 

How to edit the footer copyright notification:

1. Open the Magento admin panel

2. Select the “System” tab

3. Click the “Configuration” menu item

4. Select the “Design” menu item

5. Click the “Footer” tab. Here you can change the copyright notification

 

With that done, click the “Save Configure” button.

How to change footer links and copyright notification in magento

Display products from the category on the home page in magento

1. Open Magento admin panel and go to Catalog > Manage Categories.


2. Select the necessary category and look for the category ID at the top.

 

Remember the category ID value as you’ll need it later.

 

Create products block

1. In Magento admin panel go to CMS> Pages>Home page


2. Switch to the Content tab and into the html code block paste the following code:

 

 

{{block type="catalog/product_list" category_id="7" template="catalog/product/list.phtml"}}

 

Make sure the category_id=”7″ value matches your category ID. When you are done click the Save button at the top.

In case you want to control the number of columns in product listing please use the following code:

 

{{block type="catalog/product_list" column_count="4" category_id="7" template="catalog/product/list.phtml"}}

Where the column_count value is the number of columns

Make sure you cleared Magento cache. Otherwise your changes may not affect your store frontend.

Display products from the category on the home page in magento

Listing sub-categories on a category page in magento

1. In your Magento admin go to CMS -> Static Blocks

Click “Add New Block” at the top right.

Create a new static block as follows:

Block Title: Sub Category Listing
Identifier: subcategory_listing
Status: Enabled
Content:

 

{{block type="catalog/navigation" template="catalog/navigation/subcategory_listing.phtml"}}

 

Click “Save Block” at the top right.

From the Top menu go to Catalog –> Manage Categories.

Select the category that has sub-categories and under the “Display Settings Tab” reflect the following:

Display mode: Static Block only
 OnlyCMS Block: Sub Category Listing
Is Anchor: No.

Click “Save category” at the top right.

On your computer create a new file called “subcategory_listing.phtml” with the following content:

<div class="category-products">
<ul class="products-grid">
<?php
$_categories=$this->getCurrentChildCategories();
if($_categories->count()):
$categorycount = 0;
foreach ($_categories as $_category):
if($_category->getIsActive()):
$cur_category=Mage::getModel('catalog/category')->load($_category->getId());
$layer = Mage::getSingleton('catalog/layer');
$layer->setCurrentCategory($cur_category);
$catName = $this->getCurrentCategory()->getName();
if ($categorycount == 0){
$class = "first";
}
elseif ($categorycount == 3){
$class = "last";
}
else{
$class = "";
}
?>
<li class="item <?=$class?>">
<a href="<?php echo $_category->getURL() ?>" title="<?php echo $this->htmlEscape($_category->getName()) ?>"><img src="<?php echo $_category->getImageUrl() ?>" width="100" alt="<?php echo $this->htmlEscape($_category->getName()) ?>" /></a>
<h2><a href="<?php echo $_category->getURL() ?>" title="<?php echo $this->htmlEscape($_category->getName()) ?>"><?php echo $this->htmlEscape($_category->getName()) ?></a></h2>
</li>
<?php
endif;
if($categorycount == 3){
$categorycount = 0;
echo "</ul>\n\n<ul class=\"products-grid\">";
}
else{
$categorycount++;
}
endforeach;
endif;
?>
</ul>
</div>

Connect to the FTP directory where your Magento files are stored using File manager and upload the file to the following directory:

app/design/frontend/default/MY-TEMPLATE-DIR/template/catalog/navigation/ 

(if any folder from this directory is missing, you will need to re-create it)

From your FTP, navigate to app\code\core\Mage\Catalog\Block\Navigation.php.

Copy the Navigation.php file to your computer.

From your FTP, navigate to app\code\local\Mage\Catalog\Block\ and upload the copied Navigation.php to this directory (if any folder from this directory is missing, you will need to re-create it).

In the “Navigation.php” look for this part:

public function getCurrentChildCategories()
 {
 $layer = Mage::getSingleton('catalog/layer');
 $category = $layer->getCurrentCategory();
 /* @var $category Mage_Catalog_Model_Category */
 $categories = $category->getChildrenCategories();
 $productCollection = Mage::getResourceModel('catalog/product_collection');
 $layer->prepareProductCollection($productCollection);
 $productCollection->addCountToCategories($categories);
 return $categories;
 }

And replace it with this:

public function getCurrentChildCategories()
 {
 $layer = Mage::getSingleton('catalog/layer');
 $category = $layer->getCurrentCategory();
 /* @var $category Mage_Catalog_Model_Category */
 $collection = Mage::getModel('catalog/category')->getCollection();
 /* @var $collection Mage_Catalog_Model_Resource_Eav_Mysql4_Category_Collection */
 $collection->addAttributeToSelect('url_key')
 ->addAttributeToSelect('name')
 ->addAttributeToSelect('is_anchor')
 ->addAttributeToSelect('image')
 ->addAttributeToFilter('is_active', 1)
 ->addIdFilter($category->getChildren())
 ->setOrder('position', 'ASC')
 ->joinUrlRewrite()
 ->load();

 $productCollection = Mage::getResourceModel('catalog/product_collection');
 $layer->prepareProductCollection($productCollection);
 $productCollection->addCountToCategories($collection);
 return $collection;
 }

From the front end of your site open the category with the sub-categories added to it. Now it should show  the sub-categories listing.

If you do not see the changes, try clearing your Magento/browser cache. If your sub-categories show no thumbnails, please make sure that the images are actually uploaded to your subcategories.

 

Listing sub-categories on a category page in magento

How to install magento sample data

NOTE: Importing the SQL file to your database will overwrite your existing content and website settings. DO NOT import the SQL file if you want to keep the existing content

NOTE: ALWAYS backup your database before performing any modifications

you already installed the template and the engine and you need to install the sample data please do the following:

- open your database with the PhpMyAdmin tool or some other database management tool and drop all tables (sometimes there could be some errors and you’ll need to drop some tables manually one by one)

- then import the dump.sql file from the “sources/sample_data” folder of your template package

- then access the magento root on your server, go to “app/etc” folder and delete local.xml file

- then open your magento website in your browser and you’ll see the the initial Magento installation page – reinstall the Magento website once again

How to install magento sample data

How to move your website from one domain to another domain

1. Log in to your WordPress site. Go to the Administration > Settings > General panel.

2. In the box for WordPress address (URI): change the address to the new location of your main WordPress core files.

3. In the box for Site address (URL): change the address to the new location, which should match the WordPress (your public site) address (URI).

4.  Click Save Changes.

 

Do not try to open/view your blog now.

 

5. Move your WordPress core files to the new location.

6. As part of the WordPress installation, you must modify the wp-config.php file to define the WordPress configuration settings required to access your MySQL database.

7. To change the wp-config.php file, you will need this information:

• Database NameDatabase Name used by WordPress


• Database UsernameUsername used to access Database


• Database PasswordPassword used by Username to access Database


• Database HostThe hostname of your Database Server.

8. Open wp-config.php file and change database name, hostname, user and password:

define('DB_NAME', 'wrd_examplename');

define('DB_USER', 'wrd_exampleuser');
define('DB_PASSWORD', '123456789');
define('DB_HOST', 'localhost');

9. Login to PhPmyAdmin tool and export the database (of the existing website).

10. Login to PhPmyAdmin tool and import the exported database to a newly created database.

11. Now, try to open your site on a new hosting / domain.

 

Note: If you are using custom Permalinks, go to the Administration > Settings > Permalinkspanel and update your Permalink structure to your .htaccess file, which should be in the same directory as the main index.php file.

Existing image/media links uploaded media will refer to the old folder and must be updated with the new location. You can do this with a search and replace tool, or manually in your SQL database

How to move your website from one domain to another domain

How to install WordPress Theme and plugin

Theme installation

Login to your WordPress admin panel (add /wp-admin after your domain name in the browser address bar). Go to Appearance-Themes section.

Select Install Themes tab

 

Click on Upload tab, select and install your theme file.

 

Activate your theme.

 

Plugins installation:

In case your template has plugins in sources folder you should install them. Please note that plagins can be different in your template package. In some template packages plugins may not be available.

1. Go to Plugins-Add New

2. Select Upload option. Select the plugin from sources/plugins folder.

 

3. Install and activate plugin.

How to install WordPress Theme and plugin

how to install Sample data in wordpress

install template sample data in order to make the template look like live demo.

1. In WordPress dashboard go to

Browse your xml-file to import and click Upload file and import.

3. Specify the following xml-file uploading options:

– Select sample data posts author, e.g. – admin. Please note that author name can be different in your WordPress.

– Mark Import Attachments option to upload posts images

– Click Submit

 

Refresh WordPress home page and check how your site looks. It should have the same layout as live demo with sample content.

 

.

how to install Sample data in wordpress