Preview to upcoming City Directory theme of Templatic

The above screenshot of the upcoming theme pretty much sums up everything, but let me explain the features in details. The next theme is built for those who want to create out of the box city websites that have..

  • Auto generated maps of all the places
  • Get directions from the map
  • User submitted places. (You can charge for user submission!)
  • Showcase of different places on your site in an interactive manner
  • Search places
  • Sort different places
  • User reviews of different places
  • User ratings
  • Auto generated image galleries
  • Detailed description of each place with images, address, phone number, map, get directions..
  • Auto generated main Google map, category based map, and other maps that link to posts
  • List and grid views of  city places in categories
  • And much more… (We promise!)

In short, we’ve spent days figuring out all the features and structure an ideal city website should have. Plus enough flexibility in the theme so that as a developer, you can customize it to your liking for some other purpose as well.

I’d rather keep this short unless we release this theme in September. Meanwhile, if you’ve got some nifty ideas on must have features for a city website, do let us know via comments. As we’ve proven earlier, we WILL change the theme to meet exact specifications of actual users.

(54) Comments

In the previous tutorial we have shown how to use E-Junkie. In this tutorial, lets learn how to integrate the functionality of E-Junkie with eBook theme.

Step 1: Getting the link of “Buy Now” from E-junkie:

  • Login to E-Junkie.
  • Click on “Get BUY NOW/CART buttons for your products

  • Now select the product from the drop down menu for which you wish to get the “Buy Now” link. Then, click on “Get Button Code.”


On the next screen, click on “Buy Now Buttons.” Copy the link which starts from “https” till it ends.

Step 2: Logging in to WordPress Backend and pasting the link in the Action Button:

  • Now login to your WordPress Admin and click on “eBook Theme Options” from Appearance group.
  • On the “Front Page Settings” expand the “Action Button1“, in the “Enter name for Action Button1” enter the name for the button as per your wish, we have used “Buy Now” in the example below
  • In the “Enter full URL link where action Button1 points to” paste the “Buy Now” link which you got from E-Junkie. And don’t forget to click on “Save Changes“.

Its done. You’ve successfully linked the Action button to E-Junkie’s “Buy Now” link. Now let’s take a look at the website.

As soon as someone clicks on the Buy Now button, he’ll be sent to E-Junkie and be able to complete the payment procedure. So that’s it. That is how you can name the action button and point the button to a link.

(0) Comments

E-Junkie lets you deliver your digital products like eBooks, icons, pictures, etc to your customers.

Advantages of using E-Junkie:

  • E-Junkie works in such a way that it prevents your files from being shared by many people.
  • Cost efficient – The monthly plan starts from just $5 and mostly it would suffice to many people as you can upload upto 10 files totaling 50 MB in size.
  • Saves you from the hassles of hiring a professional programmer to integrate Ecommerce features.

However, E-Junkie is not a payment gateway or processor, you’ll need something like paypal to handle all your payments stuff. So you’ll just link E-Junkie to your paypal account and voila, you’re good to go.

Getting started with E-Junkie:

  • Head over to e-junkie.com and click on “register”.
  • Now you’ll see different forms, so fill out the form that says “Register for free trial”. E-Junkie offers a free trial for 7 days to try out their system.

The next screen will ask for a “Activation code”. Check your Email and copy and paste that activation code here. And then click on Submit.

Activation code

Configuring the Payment Settings:

Configure the basic settings in this screen.


  • In the field, “Paypal Email”, enter your Paypal email address.
  • In the “Display name” field enter your Business name or website’s name, as per your wish.
  • In “Display Email”, enter the Email which your customers will view.
  • If you wish then you can upload your logo by clicking on “Upload your logo”.
  • And now click on “Submit”.

Adding a new product:

You can add a new product from this screen.

  • Click on “Add Product” to add a new product.

  • Enter the name of the product.
  • You can uncheck the option of “Let buyers edit quantity in cart”. As it’s a digital product, the buyer would purchase a product one time only.
  • Enter the price of the product and currency.
  • Check out other options like Email subject and Email message.
  • If you want to receive a copy of the email which is sent to the buyer when he purchases, then click on “Receive a copy of email sent to buyer”.
  • If you wish then you can click on “More Options”.

Download Link Validity:

The download link validity attempt field will place a limit to your customer’s attempt to download a file. Of course the customer would not be able to share the download link, but he can re download the file in case of deletion or corruption of the file.

The Hours field means that a particular file will expire in x hours. Normally its better to just write “0” to lift hour limit because sometimes the customer may purchase the file immediately, but may forget to download it until a week later. If you set it to 120 hours then the file will be downloadable for 5 days only.

Thank you page settings:

A “thank you” page is the page which the customer sees after successful payment. If you want to write a personalized message then you can do so here. You can also use template variables, like in this example, [%first_name%] is used. This variable will insert the first name of the customer. To use different template variables, click on (more info..)

You can also promote your other products from the thank you page. For that you should first make a listing of that product. In this example, we have made another product named as “eBook”. Now select the product name which you wish to promote on the thank you page.

After configuring these settings, click on “Submit”.

Uploading the product file:

Now upload the file which you wish to sell. If you want then you can also zip the file and then upload it.

  • To upload the file, click on “Upload product file”.
  • Select the file/product to upload.
  • A separate window will open and click on “Browse” to select the file and then click on “Upload”.

  • After the file has been successfully uploaded, close that window.

Getting Add to Cart, View Cart, and Buy Now button code:

  • Copy the code from “Add to cart button” or “View cart button” field and paste it anywhere you wish.
  • If you also want a “Buy Now” button then click on “Buy Now Buttons” and you’ll get the code for that also.
  • Below is an example showing all three buttons:

Else, if you just want the “Buy Now” link then copy the code which starts from “https” till that link ends. In the below screenshot, we have shown which code to select.

You just need to select this code and paste it as a link anywhere you want or you can also paste it to any ready made buy now button or any other button you wish.

Now let’s see this in action. When your customer clicks on “Buy Now”, he’ll be able to see the below screen.

Now your customer needs to pay through Paypal and after the successful completion of the payment process he’ll get an Email which will contain the download link.

Simply click on the download link to download the file. This is how the process goes at customer’s side.

So that’s it, try out E-Junkie, its so easy and simple to use.

(1) Comments

Firebug is a Mozilla Firefox extension. It allows to view and edit CSS, HTML, and Javascript of any website. It provides some of the best web development tools and is the most popular and powerful tool for web developers. You can change HTML, CSS, text, etc elements of the webpage on the fly, and you can use it for any live website also.

Now let’s learn how to use firebug:

Installing firebug

There are two ways to install firebug

  • Open firefox, go to Tools > Addons > Get Addons and then search for firebug. Now click on Install. Restart firefox after installing
  • Or you can go to getfirebug.com and click on “Install Firebug for Firefox” button.

Using firebug

The short cut key to view the firebug windows is “F12”. Or alternatively you can also click on the firebug icon from the status window.

Inspecting Element:

This is the most powerful feature of firebug. Through this, you can directly get the source of that particular element. You can know all about that element, which style sheet is it using, which link its pointing to, what HTML is it using, etc. Inspecting about an element means knowing all about that particular selection.

To inspect an element simply right click on the element which you want to inspect and click on “Inspect Element”. Or you can also press “F12” and click on the “inspect” icon and then move your mouse to any element and then you’ll be able to see a blue rectangle surrounding that element and its code in the firebug window.

Click on “+” to expand that line. You can edit the text or experiment with the coding here only and the changes will be displayed in the website directly. Also you can select any line and click on “Edit” and a new window will open where you can further edit that code or text.

Here you can minutely change each and every element you wish. Editing in this window is too easy.

CSS Window:

Notice the Style window in the right side. It shows you which CSS file is being used by this element. Just hover the mouse over style.css and you can also know about its location. This is very useful if you want to know the location of that particular style sheet. When you hover the mouse over the color element in this window, visualization is shown of that color, this live preview gives you a idea of how that color looks like.

Layout:

In the HTML window, click on “layout”. This is very useful feature to see the measurements of the navigation window and to know about padding, border and margin of a website. Below is a an example.

Console window:

If you want to use the good old command line for javascript, then you can also do that. To open it click on “Console” in the firebug window.

Now you can edit the javascript from this window. It also has many other functions like autocomplete, automatic resizing, copying code, hyperlinking to object, etc. You can also debug errors in this window.

Net window:

Want to know which elements of your webpage are slowing the user experience? This small nifty tool will show you each and every detail about the loading time. May be you forgot to compress the images or the javascript is taking ages to load, this tool will show you everything.

If you just want to know about the loading time of images, then click on “Images” and it will show you just the loading time of images on your webpage.

This way you can know which files are taking long time to load. You can also know about loading time of HTML, CSS and Javascript. This feature is very useful to speed up the website and to find out the problems. You can also examine HTTP headers, or you can know if the website is using cache effectively, etc.

Through this firebug plugin, you can edit live websites, preview how it looks, inspect the elements and do just about everything you wish to. This plugin is a real solution to web developer’s problems. Just try it.

(0) Comments

Localization means translating WordPress into your local, regional or country language. By default, WordPress installs in English, but if you want it in your language, e.g. in Spanish, you can do so. And, its not a hard or time consuming process. In this tutorial, we’ll show you how to translate WordPress to the language you want. We’ll be installing a plugin known as “Code Styling Localization.” Using this plugin saves time because we don’t have to manually translate each and every element.

Introduction to PO and MO files:

PO files (Portable Object files) :
PO is the file where translation of both languages are stored. One is English and the other is the one you’re translating to.

MO files (Machine Object files) :
PO files are then converted to machine readable binary files (MO files). The plugin which we’ll be using will do this step for us.

Installing “CodeStyling Localization”

  • Download CodeStyling Localization.
  • After downloading, unzip it
  • Now upload this folder to wp-content/plugins
  • You can use a FTP client, like FireFTP, to upload this plugin or use File Manager from cPanel
  • Now login to WordPress admin and from the plugins section, activate CodeStyling Localization.

Using Localization Plugin

From the Tools, click on “Localization”. Now select the path where you want to place the saved PO file. That PO file will be automatically saved in that path.

E.g. to save the .PO file to wp-content/themes/WPStore, then simply click on wp-content/themes/WPStore. After that, click on “Add New Language“.

One window will pop up, select the language you want to translate to. Also, in the last translator field, you can write your name. E.g. in the example below, we have selected Italiano/Italia as the language we will be translating to is Italian.

After selecting the language, click on “create po-file“.

Scanning for possible language translation words:

In the next step click on “Rescan“.

Now click on “Scan now” and then on “finished“.

Getting the .PO file from Pepipopum

:

Your PO file is created. Now, head over to pepipopum.dixo.net, click on “Browse,” and select the PO file from the path you’ve selected earlier. If the file is on your server, download that PO file first then select that file for upload to pepipopum.dixo.net. In “Target Language“, select your target language. In this example, let’s select Italian.

After selecting your PO file and output language, click on “Translate File“. In the next screen you will be able to see the translation. Copy the whole text in that page and paste it in the PO file. You can open the PO file through Notepad. Don’t forget to delete the old data in that file and then paste this new data. Save the file and now your new Italian file is ready.

Upload this new PO file to wp-content/themes/WPStore. This is the path selected earlier. You can overwrite the old file. The file name should remain the same though.

Generating MO file:

From the WordPress admin, go to Tools > Localization. Click on “Edit“.

In the next screen, notice the “generate mo-file” button. Click on this button.

Now your MO file is also generated.

Editing the Code:

From WordPress admin Appearance tab, click on “Editor“. Now click on “Functions.php” Locate this line
24
/*load_textdomain( ‘default’, TEMPLATEPATH.’/en_US.mo’ );*/

and simply edit it by removing this /* and */ (remove the first two and last two characters). Rename the file name as per your new MO file name. In this case, the name of file is “it_IT.mo”. So it will look like:

load_textdomain( ‘default’, TEMPLATEPATH.’/it_IT.mo’ );

After editing, click on “Update file“. So this was the last step. Go ahead and translate the theme in your own language.

Note: If you don’t have permission to edit the functions.php file, you need to chmod the file through FTP to 666. Edit then save. When finished, chmod it back to 644. Or, download the functions.php file from your Templatic themes folder on the server, edit the file, then upload it back to the server to overwrite the file on the server with the new changes.

(5) Comments

There are lots of magazine themes out there, but many of Templatic customers demanded themes in this niche so we are publishing yet another magazine theme. With lots of custom widgets and widget areas in the homepage, you will find News Time theme homepage really easy to customize and add/remove your favorite sections. This is a magazine theme ideal for building a niche specific news website.

The theme contains all the standard features like rest of our themes + some nifty features like

  • 8 different elegant color schemes
  • Horizontal drop menu at the top
  • News slider
  • Custom built widgets
  • fully widget ready homepage

We’d rather keep this post short so you can check out the complete details of News Time theme and take a look at the live demo. And, don’t forget you can test admin settings by getting a test account at test.templatic.com.

Limited time offer: The regular price of this theme is $65, but if you purchase before the end of this month (Aug. 31,2010) you get this theme for only $35 USD. No coupon code required. Grab this offer while it lasts.

What’s next?

Besides e-commerce framework, we are working on a niche specific theme yet again. Here’s a tiny sneak peek. More on this coming shortly.

(8) Comments

  • Fully customizable front page

    The homepage of your theme is completely customizable via custom dynamic widgets specifically built for the theme.


  • Custom Control Panel

    This theme has an easy-to-use, intuitive control panel that allows you to configure all aspects of your blog without touching the code.


  • Localization Support

    Translate this theme into your native language! Native translations of all blog content can be done through the theme’s advanced control panel.


  • Dynamic image gallery

    it dynamically generates thumbnails from the images you upload on gallery page. Users can zoom the image to full preview.

Standard Features

  • Eight detailed color schemes

  • One Click – Auto Install

    this theme features our awesome single click install feature. You won’t have to set each and everything step by step (like you do with competetor theme). Simply Activate the theme and this theme auto populates sample products, categories and does the basic settings (you can remove them with single click). It’s much easier now to understand how the theme works and all you need to do is, edit the sample products and place your own. You do not need technical knowledge.

  • Excellent Support

    A completely customizable header region with theme options to upload your own background header graphic and logo image.

  • Theme Guide & Tutorials

    Our member control panel includes easy-installation guides with screenshots and other useful articles that allow you to use the theme to the fullest.

  • PSD File Included

    The developer version comes with layered Photoshop (PSD) files so you can change the look and feel of the theme as much as you like!

  • Drop Down & Breadcrumb Navigation

    Up to four levels of drop-down navigation and a fully customizable breadcrumbs navigation in inner pages is included for a better user experience

  • Gravatar Support & Threaded Comments

    Communicate even further with your readers! Our themes use the latest features of WordPress including threaded comments and Gravatar integration.

  • Built-in Ad Monetization

    The blog and sidebar have strategic place holders that you can use to sell ad space or promote your own in-house products.

  • Search Engine Optimized

    Our themes are professionally coded in a way that gives your site maximum exposure to search engines.

  • Widget Ready with custom widgets

    Our theme fully supports wordpress widgets. But wait! We also include custom widgets specially made for our themes to get the most out of your blog!

  • Valid, Cross browser Compatible

    Are your visitors using a range of browsers such as Firefox, Safari or maybe Internet Explorer? No problem! Our theme renders perfectly in all of today’s browsers, and is fully W3C standards compliant.

Yes, Create a professional news magagine website easily using this theme. Buy Now and Download immediately

(0) Comments

You have asked for a simple business theme which is advanced from the back end and allows you Independence of customize it to your hearts content. Specialist theme is the one you were looking for. Sure this one looks simple and that’s what we aimed for. A premium wordpress theme for small business and individual professionals. Last month, we introduced some advanced, innovative WordPress themes and this month, we are releasing business and magazine themes.  Take a look at the specialist theme homepage..

The homepage is completely widget ready and it’s highly configurable. From sliders to testimonials each part is given a special attention and placed there considering a small business and service business requirement for a professional website.

What to see?

  • Attention to detail
  • Razor sharp typography on home, blog and inner pages. Grid alignment, spacing and overall perfection
  • Strategically built layout, ideal to represent small business and individual professionals
  • The homepage is completely widgeted. Drag and drop any widget.
  • Custom widgets such as image slider at the top banner, auto fading testimonials, latest news, timings, and other footer widgets
  • Complete design of this theme can be changed from design settings. Simply pick a color of your choice.

Unlimited color schemes

The theme does not contain any colorschemes. But you can create pain any color on your site for each of the element in site within few minutes.

The theme design settings allows you to pick color of your choice for each element – from fonts to borders to background. You can also customize fonts and size on your site.

With the color setting options above, within 2 minutse, you can change your site’s look to something like this..

Awesome isn’t it? Head over to theme details page of Specialist to check live demo and purchase the theme for your business. We’d highly recommend grabbing this theme.

So, what do you think of this simple yet powerful beauty?

(6) Comments

  • Fully customizable front page

    The homepage of your theme is completely customizable via custom dynamic widgets specifically built for the theme.


  • Custom Control Panel

    This theme has an easy-to-use, intuitive control panel that allows you to configure all aspects of your blog without touching the code.


  • Localization Support

    Translate this theme into your native language! Native translations of all blog content can be done through the theme’s advanced control panel.


  • Unlimited colorschemes

    The theme design settings give you complete liberty to colorize your site in any way you want. It includes color picker for every single element of the theme.

Standard Features

  • Dynamic Site color, font, font-family, font-size & background

    Admin side site background color, font color, font size, font-family, navigation, banner background color, banner border, title color, banner content color, banner button color, banner button border color, banner button font color changes

  • One Click – Auto Install

    this theme features our awesome single click install feature. You won’t have to set each and everything step by step (like you do with competetor theme). Simply Activate the theme and this theme auto populates sample products, categories and does the basic settings (you can remove them with single click). It’s much easier now to understand how the theme works and all you need to do is, edit the sample products and place your own. You do not need technical knowledge.

  • Excellent Support

    A completely customizable header region with theme options to upload your own background header graphic and logo image.

  • Theme Guide & Tutorials

    Our member control panel includes easy-installation guides with screenshots and other useful articles that allow you to use the theme to the fullest.

  • PSD File Included

    The developer version comes with layered Photoshop (PSD) files so you can change the look and feel of the theme as much as you like!

  • Drop Down & Breadcrumb Navigation

    Up to four levels of drop-down navigation and a fully customizable breadcrumbs navigation in inner pages is included for a better user experience

  • Gravatar Support & Threaded Comments

    Communicate even further with your readers! Our themes use the latest features of WordPress including threaded comments and Gravatar integration.

  • Built-in Ad Monetization

    The blog and sidebar have strategic place holders that you can use to sell ad space or promote your own in-house products.

  • Search Engine Optimized

    Our themes are professionally coded in a way that gives your site maximum exposure to search engines.

  • Widget Ready with custom widgets

    Our theme fully supports wordpress widgets. But wait! We also include custom widgets specially made for our themes to get the most out of your blog!

  • Valid, Cross browser Compatible

    Are your visitors using a range of browsers such as Firefox, Safari or maybe Internet Explorer? No problem! Our theme renders perfectly in all of today’s browsers, and is fully W3C standards compliant.

Build a professional website for your business easily using this highly configurable theme Buy Now and Download immediately

(0) Comments

Two weeks back, we asked for your input on how can we improve your experience at templatic and templatic website + products in general. We are overwhelmed by the response received and some really nice suggestions, praise & critics were sent our way. Thanks to you, it’ll give us a direction on what we should improve and how we should proceed further on our endeavor at templatic.

On behalf of Templatic.com team, I’d like to thank all of you who have sent feedback our way. You’ll see the reformation of templatic in coming days with regard to every areas – support, products and your experience at templatic.

Not to lure you guys to provide positive feedback but to encourage you to take action and actually filling out the form – we promised to provide templatic club license to any three persons. Three different winners are randomly chosen which are..

  1. Kevin Tan
  2. Jean-Paul Pangalos
  3. Wahyu Setiya Rahmawan

I’d like to congratulations to the winners here. Separate email has been sent to all three of them with logins to templatic club license.

The actual prize that every one will receive is the reformation of templatic and the improved experience in general – in products, quality, support which will be available shortly.

(6) Comments

Please Login or Register to read the rest of this content.

Comments Off

Earlier this month, we have announced the e-commerce framework beta version which is ready to be released. But before we do, we’d want to make sure it works fine for everyone. Especially, to make sure we are not missing something important here.

The response we have received is overwhelming and some of you provided really nice suggestions that has helped us make this framework even better.

Instead of building this revolutionary WordPress E-commerce solution behind the bars, we love to include you, the actual user into this process and build it to match your actual requirement. Please take active part in beta test of this framework and let’s make this framework Best ever e-commerce solution in WordPress.

Version 0.2 of e-commerce framework is available now. Here’s what has changed and what you will benefit by the change.

Flexibility that you want

  • Different Shipping for different regions: Shipping module in the framework is now upgraded to it’s level best. As an admin, you can now set any kind of criteria for local, regional, country wise or even international shipping – each of them differently for your store from the admin panel. Each of this can be set as either free, flat rate, price or weight based.
  • Different Tax for different regions: Same like shipping you can now set state/region or country wise different tax as per your wish. You can even choose to keep some/all of those products tax free.
  • Product ratings: The framework already supports product reviews. Along with that, now it also supports product rating on each product.
  • Number of Items per page: Though this is a tiny upgrade, this will be really flexible for you to set how many items you wish to show per page on your site. Not to forget, this framework already includes

Secure

  • Upgraded SSL: All our themes do support SSL on the payment page. But we’ve taken it a step further. The framework now supports SSL on checkout, login, register and payment pages as well.
  • PCI compliant: We’ve taken extra precaution and now the framework is PCI security compliant
  • IP address: Each of the order will now record IP address as well of the customer and as an admin, you can check this from admin panel. A tiny but very useful addition.

Built for you

  • Clone a product: It gets really boring when you have to add same data again and again when most of your products are almost similar except few of the things. That pain is gone now. You can simply add a product and then, with a single click from product list page in your wp-admin, you can clone that product. Once done, simply change the parameters that is different in this and publish. YAY!
  • User profiles: If you wish, as an admin, you can view profiles of all/individual user profiles to check customer’s profile data and purchase history etc.
  • Improved Interface: Since first version, the interface of the framework is nicely designed. We’ve made some nice UI improvements so it gets easier for you to manage the store.

How to upgrade?: Login to templatic member area and download Ecommerce framework update zip file of the framework. It only includes updated files and folders. Simply overwrite it on the existing framework theme folder and your framework will upgrade automagically.

No design change required!: This is the actual power of this framework. The child theme that you are testing requires no change. All the changes you may have done in the child theme design remains as is and it does NOT get affected at all. While the above mentioned modules and benefits will automatically be upgraded once you overwrite the framework updates

Note: If you have purchased any of our e-commerce themes, you already have access to this upgrade. Simply login to your member area and download the latest version of the framework.

(36) Comments

Premium WordPress Themes