Categories
Tutorial

How to Put Product to Listing

  1. Create a new product. Please go to Admin (or User) > Product > product > New Product > Click ‘Create’.

2. Please go to Admin > Listing > all listing > Edit > Manage Sections > Create a new listing section > Add Products.

Please make sure the owner of the product is the same owner of the business listing.

Categories
Tutorial

How to Verify Purchase Code & Domain

After you installed Directory Hub on your domain, please take one more step to verify your domain that is associated with your purchase code. The domain verification is required to use 100% functionalities of Directory Hub.

If you installed Directory Hub on localhost, please send an email to helpdesk@alphastir.com to manually verify your localhost domain.

Step 1

  • Go to Admin Dashboard > Settings > General > License
  • In Step 1 section, please enter your Purchase Code, and your CodeCanyon Username.
  • Click Register Purchase Code

Step 2

  • In Step 2 section, please click Get Domain Verify Token button.
  • You will be redirected to a separate page where a domain verify token shows up.
  • Copy the domain verify token, and paste it to Step 3 section > Domain Verify Token field.

Step 3

  • After you pasted the domain verify token to Step 3 section > Domain Verify Token field, click Save Token button.
  • Wait for the page to save the token.

Step 4

  • In Step 4 section, please click Verify Domain button.
  • You will be redirected to a separate page where the verification result shows.

Step 5

  • Go back to Admin Dashboard > Settings > General > License, and reload the page. You will see the license information shows up.

If you have any questions, please contact the author at helpdesk@alphastir.com.

Categories
Tutorial

Set Up PayPal Gateway on Directory Hub

Please follow the screenshot below to obtain PayPal API credentials and put them into the PayPal gateway setting page on Directory Hub.

Go to Account Settings

On the Account access page, click the Update link of API access action.

Click Manage API credentials link in the NVP/SOAP API integration (Classic) section.

Click Show link to show all credentials.

API Username -> Username field, API Password -> Password, Signature -> Secret field.

Categories
Tutorial

Install Directory Hub on XAMPP, WAMP

Please follow the instruction below if you plan to install and run Directory Hub on a localhost web server like XAMPP or WAMP.

1. Make sure you start XAMPP in administrator mode (right-click the XAMPP icon and choose Run as Administrator). This is very important because the script will generate the symlinks to the Laravel storage folder during the installation.

2. Make sure you have PHP >= 7.2, and MySQL >= 5.6, also the Apache server should enable the rewrite mod.

3. Make sure your virtual host has the following config:
<VirtualHost 127.0.0.1:80>

<Directory “absolute-path-to-your-root-folder-of-local-domain">

Options FollowSymLinks Indexes

AllowOverride All

Order deny,allow

allow from All

</Directory>

ServerName your-domain.test

ServerAlias your-domain.test

DocumentRoot "absolute-path-to-your-root-folder-of-local-domain"

</VirtualHost>

4. Follow the general install instruction. Thus, unzip directory_hub.zip to your root folder, and go to browser http://your-domain.test, and start the installer wizard.

5. If you encounter any errors, please check the error log file at ./laravel_project/storage/logs/laravel.log, and you can reach out to me at my CodeCanyon profile page: https://codecanyon.net/user/lduruo10

Categories
Tutorial

How to Add Google ReCaptcha

  1. Go to https://www.google.com/recaptcha/admin/create
  2. Follow the screenshot to enter the information.

4. Copy the Site Key and Site Secret to Directory Hub Admin Dashboard > Tools > reCAPTCHA

Categories
Tutorial

How to get GitHub Client ID and Secret?

  1. Visit https://github.com and log in using your credentials
  2. Click your profile picture at the Top Right Corner
  3. Click Settings
  4. Click Developer Settings at Left Sidebar
  5. Click OAuth Apps at Left Sidebar
  6. Click New OAuth App at Right Sidebar Top
  7. Fill out the mandatory fields like Application Name, Homepage URL, Application Description.
  8. You can get the Authorization Callback URL: https://your-domain.com/auth/github/callback
  9. Paste the URL in Github Authorization Callback URL and click Register application
  10. Copy the Client ID and paste it in your website social login settings panel.
Categories
Tutorial

How to get LinkedIn Client ID and Secret?

Step 1: First, you need to Go to the LinkedIn Developers website

LinkedIn Developers website

Step 2: Here, Click on Create Application button.

Step 3: Fill in the form that appears next to register the new application.  PS: Website URL must be your Store URL like http://www.yourstore.com.

Create Application Form for Linkedin API

Step 4: After filling the form click Submit to submit the form and keep your API Key and Secret Key safe.

Authentication Keys

For LinkedIn, redirect URL is optional, if you want set redirect URL, then set as: https://your-domain.com/auth/linkedin/callback

Step 5: Now you can use these API details in your LinkedIn social login module to let your customers log in to your website using their LinkedIn account.

Categories
Tutorial

How to get Google Client ID and Secret?

  1. Login to Google Developer Console at https://console.developers.google.com using your Google account credentials.
  2. If you are not registered on the Google developer account, then you need to accept the agreement.
  3. After accepting agreement or if you are already registered on Google developer account, you will see a screen as shown below. Click on “Select a project” on top header bar.
  4. From the project selection popup click on the “NEW PROJECT” button to add a new project.
  5. Enter your “Project name” and click on the “Create” button.
  6. Click on “OAuth consent screen” from the left side menu and create OAuth consent with User Type selection.
  7. Add Application name, select Support email and add Authorized domain. Then click on the Save button.
  8. After creating the project, click on “Credentials” from the left side menu to open the Credentials screen.
  9. Click on “Create credentials” and from the dropdown list select OAuth client ID.
  10. On OAuth client id creation screen:
    • Select the “Web Application” radio button from the “Application Type”.
    • Enter your application name in the “Name” field. This name will be shown to end users when they are asked to give login permission to your website. So please specify a meaningful name which can identify your website.
    • Enter your catalog site URL in “Authorized JavaScript origins”. For example, if website domain is yourdomain.com, enter http://yourdomain.com
    • In “Authorized redirect URIs” input box, enter https://your-domain.com/auth/google/callback
    • Click on “Create” Button.
  11. It will display the popup with client id and client secret.
Categories
Tutorial

How to get Twitter client id and secret key?

You should enter Twitter Consumer Key as the Client ID and Consumer Secret as the Client Secret.

To generate the consumer key and secret, just follow the below steps and you are ready to go.

  1. Go to https://developer.twitter.com/en/apps/create and log in, if necessary (you need to apply a Twitter developer account if you don’t have one).
  2. Supply the necessary required fields, accept the Terms Of Service, and solve the CAPTCHA.
  3. Submit the form
  4. Make sure under the Permissions tab the access permission is set to “Read and write” and you’ve checked the “Request email address from users”.
  5. Use https://your-domain.com/auth/twitter/callback as the callback URL.
  6. Go to the Keys and tokens tab, there you will find your Consumer key and Consumer secret keys.
  7. Copy the consumer key (API key) and consumer secret from the screen into the social login setting panel.
Categories
Tutorial

How to get Facebook client id and secret key?

Please follow the below steps to create a Facebook application for Facebook Login in Directory Hub:

Go to https://developers.facebook.com.