Mac Photo Gallery for WordPress : Documentation / Tutorial

This gallery plug-in for WordPress is the best and neatly designed plug in giving a perfect array of the images in your website. The Mac Dock effect of the WordPress Image Gallery gives a stylish look to your images. The effect of Mac Doc is that when you roll the cursor over a set of photos, the photo which comes in contact with the cursor will be blown out whereas the rest of the photos go to the back. This best WordPress Gallery allows you to switch between the previous image and next image easily.

Read : Basic Functions for the WordPress Beginners

Most importantly, you can create multiple albums, smooth gallery slideshow; display the album list in thumbnail formats, etc. The download, share and Facebook commenting option of the WordPress slideshow gallery makes it a brilliant and obvious choice of photo gallery plug-in for your WordPress site.

Step 1. Installing WordPress Mac Photo Gallery
——————————————————————————————————————————–

Wordpress Photo Gallery
IMG 1.1 : Search and Install Mac Photo Gallery

As you see on this image you will be able to install Mac Photo Gallery very simple from the admin area of WordPress installation.  Just navigate to Plugins -> Add New and search for photo gallery or mac photo gallery from the search, from the search results click on Install now to install the plugin.

After the successful installation it will ask you to Activate the plugin manually which you can do by clicking on “Activate Plugin” on the page.  When the plugin is activated you will see the new menu called Photos added to the link with the empty album on the page.

Install Mac Photo Gallery

IMG 1.2 : Photos page with the empty album after the installation

In order to add images to this album or to create new album or to rename the default album name, look for Mac Photos below the Settings from the WordPress admin area.

Step 2. Adding Images / Albums
——————————————————————————————————————————–

Adding Images and Albums

IMG 2.1 : Admin area from where you can create albums or add images to the albums

If you want to add the images to the first album you can simply click “Add Images” and on the next screen click “Select files” button to upload.  You can also do a multiple uploads of images from there.

Select Files
IMG 2.2 : Uploading images to the album

Uploading Images
IMG 2.3 : Multi uploads

After it uploaded you can add the Name and Descriptions for the each photos and click Update button at the top of the images.

Upload Multi Images
IMG 2.4 : Images added to the default album

With this we have added the images to the default album.

Import Albums Easily To The WordPress Mac Gallery
——————————————————————————————-

You can easily import albums from Picasa, Flickr and Facebook album directly. Refer below screenshot.

WordPress Mac Gallery
IMG 2.5: Settings to import albums directly from Flickr/Picasa/Facebook


Step 3. WordPress Mac Photo Gallery Settings
——————————————————————————————————————————–

Photo Gallery Settings

IMG 3.1 : Mac Gallery Settings

When you activate WordPress Mac Photo gallery, Photos tab will be added to the menu.  Alternately if you want to add list of albums and photos from the particular albums you can do so by adding short code to the pages / post.

You can control the number of rows / columns to be displayed on the pages / post.  There is a separate settings to control the homepage where multiple post will be displayed on the same view.

From this settings, you can enable / disable facebook comment, photo download etc.  Regards to facebook share it will be disabled until you provide the facebook api key.


IMG 3.2 : Adding widgets to the side bar

By default when you install the plugin two widgets will be active which you can added to the side bar.  One is to show the album cover, you can set how many albums needs to shown and it will be displayed on the sidebar in random order if you selected few albums when you have more.

Another widgets is to display the images from the particular album.  You will be able to set from which album you want to show images and how many images needs to displayed.

IMG 3.3 : Front view

Demo | Buy Now

Facebook page builder for Joomla : Tutorial / Documentation

Create your own Facebook page for your Joomla based website. It’s brand recognition of the company and improves the visibility of the Facebook profile and allows easy interaction with the targeted customers.

The tremendous rise in Facebook users has inspired many business owners to promote their business through this powerful social medium. However a Facebook profile without corporate logo and attractive design or a simple page may not serve the purpose completely. Understanding this lag, our developers have come up with an amazing Joomla extension called “Facebook Page builder” which is absolutely user friendly. This Joomla Facebook page component incorporates an interactive feature and enables the users to design and publish an attractive and professional Facebook Business Page by themselves as per their need.

Step 1. Download and install the plugin
——————————————————————————————————————————–

If you haven’t downloaded Facebook page builder then follow the link to download it http://www.apptha.com/category/extension/Joomla/Facebook-Page-Builder

You can install the Facebook Page builder simple from the Joomla backend.
Download Plugin
IMG 1.1 : Extensions -> Extensions Manager -> Choose file -> Upload & Install

After the successful installation, when you open the component it will ask for Facebook app id and secret key.  This is mandatory.  Please log on to Facebook developer account using the URL http://www.facebook.com/developer to generate the App id and secret key.  If you already have the App id and secret key for your domain then you can use the same instead of creating a new one.

Read about – To Know How to Set a Facebook App in magento

Facebook Page Builder

IMG 1.2 : Component -> Facebook page builder

Step 2. Creating Facebook app id for your domain
——————————————————————————————————————————–

Creating Facebook Fan pageIMG 2.1 : Creating app for the website domain

Provide the Display name and Namespace and click continue.  On this page you have to enter your website address in two places.  For site url and canvas url as you see below. Click and save the changes.

Facebook App FanPage
IMG 2.2 : Provide the Site url and Canvas url

That’s it, when you click Save changes you will see the app id and secret key at the top of the page as shown in the reference screenshot.  You can simply copy it and past it on the configuration page of Facebook page builder component on Joomla backend.

When you click save and close after providing the secret key and app id you will be asked to log in to Facebook.  Click “Login with Facebook” button and click “Continue” button on the next page to get authenticated to create pages / tabs for your Facebook fan page.

Step 3. Creating tabs / pages for your Facebook Fan Page
——————————————————————————————————————————–

Manage Template



IMG 3.1 : Pick the template to design your page

You are allowed to use only the first template with the trial download.  If you need to use the other templates that you see on the same page, then you are supposed to buy the license key.  You can buy the license key from http://www.apptha.com/category/extension/Joomla/Facebook-Page-Builder

After purchase, you need to generate the license key from the My account area.  If you want to continue with the free version then continue editing the default template.

Steps to Edit the Template

Select the template and click “New page title” button to create your first tab / page for your Facebook fan page.  Now again, you are supposed to enter the Facebook app id and secret key for this particular tab / menu.

Facebook Fan Page

IMG 3.2 : Create a app id and secret key

Steps to Create Facebook API and Secret Key for creating new page:

Go to https://developers.facebook.com/apps , provide the app display name and Namespace.  Also accept Facebook platform policies before you hit on Continue button.

Facebook API

IMG 3.3 : Providing the website url and cavas url along with the app id

This time canvas url and site url is bit different. Followed by your website url you also need to add /index.php?option=com_fbpagebuilder&view=fblogins&page= your app id. eg. http://www.yourdomain.com//index.php?option=com_fbpagebuilder&view=fblogins&page=111111111111111

Here, the 111111111111111 refers your app id.

Facebook App Detail

IMG 3.4 : This screen appears when you click on Create new page title button

Now go back to Joomla backend and provide the app id and secret key on the configuration page, in the corresponding field while creating a new page title after selecting the template.  After providing the app id, secret key and sort order click “save and continue button” at the top right to proceed with the customization of the template for your Facebook Fan Page.

Pick your template, select the page title and click Customize button to edit the content, video and images.  In order to modify you just need to click on the respective blocks and can modify in a simple way.  After doing the changes click “Publish” button to add the tab / page to you Facebook fan page.

Facebook Fan Page

IMG 3. 5 : Publishing to your Facebook Fan Page

Multiple Fan Page:

If you have multiple Fan pages associated to your account then you need to select the Fan page from the drop down.

If you want to have a different niche template then you need to purchase our product, generate the license key from My Account area.  After creating the license key you can provide the license key on the configuration tab from the Joomla admin.  To purchase the license key please follow the link http://www.apptha.com/category/extension/Joomla/Facebook-Page-Builder

Apptha Facebook Page
IMG 3.6 : Output

Advantages of purchasing commercial version

  • Powered by text on Facebook Fan Page will be removed
  • Access to new premium templates
  • Will be able to create multiple tabs / menus for your Facebook fan page
  • One year free updates

Buy nowFeatures | Demo

Apptha One Step Checkout : Tutorial / Documentation

Magento One-Step Checkout has transformed the traditional lengthy checkout process into one single page for payment, which by many ways is comfortable for your customers and saves them valuable time during the checkout process.

The Magento checkout extension simplifies the customers’ checkout process by filling up the personal information, payment methods in a single page, and completes the purchase in seconds.

The One step checkout magento extension is easy to install, configure, and supports all default Magento options.

Step 1. Download and install the plugin

——————————————————————————————————————————–
If you haven’t purchased Apptha One Step Checkout then follow the link to purchase it http://www.apptha.com/category/extension/Magento/OneStepCheckout

If you had already purchased the extension from www.apptha.com please sign in to your account and download the product from My Account -> My downloadable products -> Download

Download Products

Installation Procedure

For Magento 1.4,

- Extract / Unzip the file onestepcheckout.zip
- You will see the following folders “app”, “js” and “skins”
- Upload these folders to the root of your Magento installation
- Signout and relogin to the Magento admin

Uploading the files through FTP client

Uploading the files

After you Re-login to your Magento admin panel, if you navigate through System -> Configuration, you will see Apptha One Step Checkout at the left.

For Magento 1.5,

Login to your Magento Admin Panel, go to System–> Magento Connector–>Connect Manager and Upload the Package.

Magento Package

Step 2. Configuring One Step Checkout
——————————————————————————————————————————–

If you click on Apptha One Step Checkout, you will get few options where you can enable One Step Checkout, you can decide whether to keep Guest checkout ON / Off, can set Default country on Checkout, can enable / disable discount coupon, can modify Checkout title which is by default Apptha One Step Checkout.

One Step Checkout Configuration

One Step Checkout Configuration

Enable One step checkout in cart page

To enable one step checkout module in cart page, go to Admin → System → Configuration → Apptha One step checkout → Activate One step Checkout in Cart and select “Yes”

One step Checkout Shipping Method

Default Shipping Method
This feature is used to select the default shipping method to be selected in frontend.
Note: The default shipping method should be enabled in Admin → System → Configuration → Sales → Shipping Methods.

One step Checkout Database

Enable GeoIP
If we enable this feature our default country and city will be selected automatically in frontend, and if we set payment and shipping methods for that country it will be selected automatically in frontend.

GeoIP database
This field is to set path for Geoip database to be downloaded from the link mentioned below and paste it in our root folder of magento store. Default path ( GeoIp/GeoLiteCity.dat)

Click here to get GeoIp database
If we click this link it will open(http://www.maxmind.com/app/city)
Here, click Try out our free GeoLite City database and you will get another page scroll down and click Download the latest GeoLite City Binary Format to get the database extract the database and put it in folder named GeoIp.This path is mentioned in previous step.

Default Payment Method
This feature is used  to select the default payment method to be selected in frontend.

Note: The default payment method should be enabled in Admin →  System →Configuration →Sales →  Payment Methods.

Enable Comments
This is used to share customer comments to the site admin, i.e. the comments mentioned by the customer while checkout will be displayed in admin sales order list.

To enable:

Go to Admin → System → Configuration → Apptha One step checkout → Choose Fields to Exclude/Include → “Yes”

Choose Fields

To view:

Go to Admin → Sales → Orders and view the Customer Comments tab belowItems Ordered . Refer below screenshot.

Product Order screenshot

Automatic Shipping / Payment Updates

You can enable this feature, if you want to have the shipping information updated automatically when the Country or Zip code or State or City selected without refreshing the page (Ajax).

One step Checkout Payment Update

Terms and condition Tab

Option to enable terms and condition for One step checkout

Enable Terms and condition in frontend, add title and add Terms and condition.

To enable:

Go to Admin → System → Configuration → Apptha One step checkout → Terms and condition → Enable Terms → “Yes”

The added terms and condition with title will be displayed in frontend with popup box. Refer screenshot below

Terms and condition

Please note: You should apply the license key to get rid of the text ” Invalid License Key- Buy Now” in the Front end.

Step 3. Output
——————————————————————————————————————————–

onestepcheckout