Shopify - PurchaseTheme

How to change Font Family in WordPress any Theme ?

admin — Sat, 15 Jun 2024 16:54:30 +0000

Updating font family in WordPress is some time very challenging but, we are sure after reading this blog post carefully you can easily implement font family as we will provide you live example to implement the same. Therefore, for read the details given below.

Here we will guide you how you can add a font family provide by google. The font family for which we will guide you need little development knowledge and little tag knowledge and you can easily add the same to your WordPress website/blog.

The font family which we will integrate is: Nunito

https://fonts.google.com/specimen/Nunito

You can search your own font and apply the same to full website. To download the font hit Get Font the blue button you see.

Once you hit the Get font it will show below options ( Get embed Code & Download All ):

After this, when you in case hit Get Embed Code it will guide you how you can place the code in your theme. Every theme is having tag in that you have to place the embed code, which look like this.

Now, we are going to add the same font family in a Theme that does not provide font family customization.

The name of theme is: Newsmatic

You can see it simply, the font family is not matching at all.

Now, let me open theme header.php file for that fist you have to login to admin of your wordpress website and then click on Theme File Editor Left Menu

Once you click the Theme File Editor it will open the list of PHP files in which you have to find header.php

Open header.php file and in the tag add the embed code of your font family.

Now, you have to update the css as well and you can see how easily the font family updated

So, you are done successfully.

Note: If you need any development support for Shopify or WordPress you can contact us at info@purchasetheme.com

The post How to change Font Family in WordPress any Theme ? first appeared on PurchaseTheme.

Best Free Shopify Theme to Download and Install

admin — Tue, 23 Apr 2024 11:06:15 +0000

Discover a plethora of free themes online to effortlessly set up your online store, even without technical expertise. We’ve curated a selection of completely free themes, with setup instructions included below. Should you encounter any challenges during installation or setup, feel free to reach out to us for complimentary assistance.

Additionally, it’s essential to note that Shopify imposes a monthly fee for your online store. Shopify offers a special plan where they charge only $1 for the initial 3 months, followed by the standard pricing based on the selected plan. For further information, visit the Shopify website.

URL: https://www.shopify.com/in/pricing?term=shopify

Theme Name: Fashion Store Free Elegant Shopify Theme

DEMO

Download

Theme Name: Vendy Shopping Store

DEMO

Download

Theme Name: Electronics Store Responsive Shopify Theme

DEMO

Download

Here are the steps to install a Shopify theme:

Log in to your Shopify account: Visit Shopify’s website and log in to your account using your credentials.
Access your Shopify Admin: Once logged in, you’ll be directed to your Shopify admin dashboard.
Navigate to the Online Store section: In the left-hand menu, click on “Online Store.”
Choose Themes: Under the “Online Store” section, select “Themes.”
Explore themes: If you haven’t already chosen a theme, browse through the Shopify Theme Store to find one that suits your store’s needs. You can filter themes by industry, layout style, features, and more.
Add theme: Once you’ve found the desired theme, click on it to view more details. If it’s a free theme, you’ll see an “Add” button. Click on it to add the theme to your Shopify account.
Install theme: After adding the theme, you’ll be prompted to publish it. Click on “Publish theme” to make it live on your store.
Customize theme (optional): Once the theme is installed, you can customize it to match your branding and preferences. Click on “Customize” to access the theme editor, where you can modify various aspects such as colors, fonts, layout, and more.
Preview changes: As you make changes to the theme, you can preview them in real-time to see how they will appear on your storefront.
Save changes: Once you’re satisfied with the customization, click on “Save” to apply the changes to your live store.
Test your store: After installing and customizing the theme, it’s essential to test your store to ensure everything looks and functions as expected. Check different pages, product listings, and the checkout process to identify any issues that need addressing.

By following these steps, you can easily install and customize a Shopify theme to create a visually appealing and functional online store.

If you still find any problem please send us email at info@purchasetheme.com

The post Best Free Shopify Theme to Download and Install first appeared on PurchaseTheme.

Solved – WordPress site kit error invalid parameter: ‘site_id’

admin — Sun, 21 Apr 2024 09:30:19 +0000

To fix this you have to follow the given below steps:

Now, click sign in with google

Once you click on continue it will get redirect to google Site Kit page there you have to follow same step that was done earlier:

Congrats! now all your problem is SOLVED.

The post Solved – WordPress site kit error invalid parameter: ‘site_id’ first appeared on PurchaseTheme.

[🤑]How To Create Shopify APP | Start Making Money 2023

admin — Wed, 27 Sep 2023 17:16:56 +0000

Introduction

There are millions of shopify stores that uses Shopify Apps and we also know that each app is not capable of giving everything so, there is always a great scope “shopify app development” that you create a super app for your customers and try to solve their problem so, that they can grow. If you will understand problem of other person then you can easily grow in the field.

If they will grow and like your product you will also earn money. But, what we do actually is first think about money and then we do the development which is wrong.

There are many things in shopify which still need improvement & resolution. So, how to understand what kind of App we can create which will be beneficial to the customers.

For that first you have to do a project end to end and during development by understanding core problem and in that duration we are sure that you will encounter too many thing in which installed App are less functional as per the requirement and here is your entry in the app development for which you can start thinking.

Once you go through this shopify app development tutorial or article you will become capable to create shopify app using php.

We will guide you step by step and make you earn money from shopify app development which is actually a recurring payment and will be credited in your account every month.

How much you can earn from shopify ?

Like if you have 5 installation this month and your app cost is $5/month then your payment will be 5*5 which is $25 per month and like that as soon as you installation increases your payment will get increases but, note that shopify will keep some amount around 30% and rest will give it you which is actually called “shopify commission on sales” or “shopify commission per sale”.

Now, let us divide the article in few small faq’s which will make the article more clear and understandable.

If you want to check in details you can click here

For your motivation see the below apps and their estimated earning:

This Whishlist Plus APP is having 1866 Reviews ( Quality Matters ) and let’s assume 1800 installation are still there and starter plan cost is $14.99/month so, you can estimate the monthly earning of this app is around $25,200 amazing ? but, for your information we want to tell you that if around 20 people install the app in that only 1 is there who give the reviews so, now you can estimate the earning is approx $504,000 (general estimation)

Does Shopify take a percent of sales ?

Yes, shopify take percentage on sales – Shopify Partners get a recurring commission of 10% or 20% of the merchant’s monthly subscription fee based on the Store Plan.

Let us make it clear that when you will initiate app development you have to create a shopify partner account which is compulsory and all your app will resides inside that when ever a installation is made you will get the notification and payment if you are charging some amount for the app installation.

How to create shopify partner account ?

It is very easy to create shopify partner account. Click here to open the link.

After creating account and login:

How to create shopify App ?

We assume you have created the shopify account and now you to click on Apps >> Create App ( Button – top right )

Now, if you have the knowledge npm, yarn you can create shopify app but, here in this guide we will tell about the simple manual method. ( Make sure you have hosting account to store the related development files )

Recommended Hosting from PurchaseTheme: Fastcomet ( 80% Discount – You can check from other hosting providers )

Once you click on “Create App manually” it you ask you for a name which is basically your app name only. Like if you are creating a app for export/import product then you just need to add “Export-Import” or anything you like. We have created a App named as “UploadX“

Client ID & Client Secret will be required later to authenticate your request. Like when ever a request from your server will be made to shopify it will check if you have these two things so, that it can complete the installation request.

As soon as you complete the app you can start testing on “shopify store” that is totally free and you can create after you app is completed. For your information we have tested “UplaodX” on below store

When you click on Select Store it will redirect to you page where you can see list of store you can test the apps or you can also create a new store from there as well.

Let’s Start...

How to make Shopify app using PHP ?

Before we start make sure you have server with SSL certificate installed so, as we recommended above fastcomet hosting we think is the best as they provide free SSL certificate and basic support like migration, setup of any software, speed optimization etc. You just have to raise the ticket and in our views their response in comparison to other hosting is very fast. You can chat also if required.

Step 1: Purchase hosting – Click to Purchase ( 80% Discount )

Step 2: Thing required on server ( PHP, Mysql )

Step 3: Create below files

connect_to_mysql.php
install.php
generate_token.php
app_interface.php
process_form.php

File 1: connect_to_mysql.php





File 2: install.php



$scopes = "read_orders,write_products";
$redirect_uri = "http://localhost/afterinc_mailchimp/generate_token.php";

// Build install/approval URL to redirect to
$install_url = "https://" . $shop . "/admin/oauth/authorize?client_id=" . $api_key . "&scope=" . $scopes . "&redirect_uri=" . $redirect_uri;

// Redirect
header("Location: " .$install_url);
die();




File 3: generate_token.php



$api_key = "e5dd163cf8a4243737c240ed210e8c13";
$secret_key = "c39918e4d8f20d315c6e2a404f62541a";

$params = $_GET; //Retrieve all request parameters
$hmac = $_GET['hmac']; //Retrieve HMAC request parameters

$params = array_diff_key($params, array('hmac' => '')); // Remove hmac from params
ksort($params); // Sort params lexograhically
$computed_hmac = hash_hmac('sha256', http_build_query($params), $secret_key);


// Use hmac data to check that the response is from shopify or not
if(hash_equals($hmac, $computed_hmac)) {
	// Set variables for our request
	$query = array(
	    "client_id" => $api_key, // Your API key
		"client_secret" => $secret_key, // Your app credentials (Secret key)
		"code" => $params['code'] // Grab the access key from the urldecode
	);
	
	// Generate access token URL  
	$access_token_url = "https://" . $params['shop'] . "/admin/oauth/access_token";
	
	// Configure curl client and execute request
	$ch = curl_init();
	curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
	curl_setopt($ch, CURLOPT_URL, $access_token_url);
	curl_setopt($ch, CURLOPT_POST, count($query));
	curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($query));
	
	$result = curl_exec($ch);
	
	curl_close($ch);
	
	// Store the access token
	$result = json_decode($result, true);
	$access_token = $result['access_token'];
	
    // Show the access token (don't do this in production!)
	// echo $access_token;
	
	//Insert Access Token & Other Details
	$sql = "INSERT INTO `mailchimp_store` (`id`, `store_url`, `access_token`) VALUES (NULL, '".$params['shop']."', '".$access_token."')";
	
	if ($conn->query($sql) === TRUE) {
	  //echo "New record created successfully";
	  header("Location: https://" . $params['shop'] . "/admin/apps/afterinc-mailchimp");
	} else {
	  echo "Error: " . $sql . "
" . $conn->error; 
	}

	$conn->close();
	
} else {

    // Someone is trying to be shady!
    die('This request is NOT from Shopify!');
	
}	



File 4: app_interface.php







	APP Settings
	
	
	
	
	
  
      
  




  MailChimp API Credentials
  
    
      Mailchimp API Key:
      
    
    
      Mailchimp List ID:
      
    
    
    
  




  Set Email Configuration
  
    
        Email Frequency:
        	  
	    
	  
           
    
  








File 5: process_form.php



query($sql) === TRUE) {
  echo "Record updated successfully";
} else {
  echo "Error: " . $sql . "
" . $conn->error; 
}

$conn->close();




Mysql Table Query: Make sure to create mysql table. We are not creating here.



All the above files to be present on your server. 







This is how it will look when you start the intallation:











You are now done with the “Shopify APP Development” using PHP & Mysql




The post [🤑]How To Create Shopify APP | Start Making Money 2023 first appeared on PurchaseTheme.



[👍]How To Fix Page Indexing 404 Issues In Shopify
admin — Thu, 21 Sep 2023 07:58:50 +0000


Table of Content 
I.  Issue Details -> Google Search Console
II. Indexing -> Pages -> Not Found (404)
– What is Google ?
– How google list your url/website/domain ?
III. Fixing 404 Issues on Google Search Console



We have be investigated a lot on the above topic and extract facts and correct solution which will be really beneficial when you go through the article you will understand the core concept how google behaves and how your website responds.



So, there are many question hidden in the same article which we will explain in details step by step:



I.  Issue Details -> Google Search Console



We want to fix Not found (404) issue of Google Search Console. We have fixed but, it is repeating again and again and our number of Pages keeps on increasing earlier it was around 100 and now after 1 month it is around 200 like that the number is increasing and we are worried to get rid of this.











II. Indexing -> Pages -> Not Found (404)



What is Google ? ( Do you think I don’t know about google LOL )



Before, move ahead we will first let you know we want to make your clear that google is a search engine which will only list your url (website) and redirect users/visitors/customers to your website those are interested in buying the product, reading the content on you website. 



Now, once user land on your website then you can show what ever you want like you can redirect use to product page, you can redirect user to blog page, you can redirect to contact us page it all depends on how you want to behave with the users as the user is on your place. right ?



From above two things extracted:




Search Engines ( like google ) – Will bring the user (Google Crawling)



Your website/app/page – Will display the content to that user




How google list your url/website/domain ?



What happen is since google bots keeps on searching new things on internet they will find your websites domain and list all the pages present on your website and keep all of them on their server so, once user searches they will bring that result and show them so, that user get redirect to that page.



What is Searching of Google is called ? It is called as “Google Crawling“



Google Crawl faster when you submit sitemap on google which help google in telling that these are the url’s which you can list on your server and save your time. If that sitemap is dynamic it is easy for google to get only the updated sitemap when again it will start crawl your website/domain. 







Now, coming back to topic how 404 pages appeared so, 404 means NOT FOUND



404 (server could not find a client-requested webpage) = NOT FOUND



Google will crawl you domain and if a page url which was existing previously does not exist will add to pages in Not Found (404) section. 



 In SHOPIFY:



When a product which was live few days back and indexed by google after crawling becomes out of stock after some time and move to Draft Mode then, google will move that page to Not Found 404 section on Google Search Console. 



What will happen on shopify ? It will auto redirect those product to home page internally. Now, google crawled that page as 404 and on our website it redirected to home page of which google is not aware. So, now when ever you will hit Start New Validation it keeps on Failing as that url technically exist and will ask you fix those to start the validation again. 







III. Fixing Issues on Google Search Console



The question arises “how to fix Google Search Console errors” on shopify



Step 1: First you have to login to google search console and choose your property.



Step 2: Now, you have visit left menu in which Indexing > Pages >> Not Found (404) pages showing.



Step 3: Click on Not Found (404) and then it will display list of pages 



Step 4. Click on any single URL it will open a slide from right and you see Inspect URL 



Step 5: Click on Inspect URL you will see a message “URL is not on Google“



Step 6: After that you have hit the URL directly as see if that url is redirecting to home page or 404 page. If that url is redirecting to 404 page then it is fine else you have to visit shopify.



Step 7: Login to shopify Admin Left Menu >> Online Store >> Navigation >> View URL redirects (Top Right)



Step 8: Hit that button and you will see list of url you have to find your url and remove that from redirect.



Step 9: Go back to google search console and Test the URL again and see that URL is now 404.



Step 10: Like that you have to repeat it again and again until all your url’s goes to 404 and not to home page



Step 11: Now, you have to submit that same for New Validation, the new validation will complete it 4 to 5 days approx till then keep on removing url redirect from shopify.







Cheers all is done now.  






The post [👍]How To Fix Page Indexing 404 Issues In Shopify first appeared on PurchaseTheme.


[👉]How to Customize frontend of Shopify App
admin — Thu, 14 Sep 2023 08:25:56 +0000




Table of Content



1. Description 
2. Issue Details
3. How to take backup of Shopify Store ?
4. Get Download link on your Email
5. How to Duplicate Themes in Shopify Store ?
6. How to do changes and preview them ?



There are number of Shopify online stores that utilizes App to fulfill requirement as the App that is installed does not have full UI control in which lots of problems occurs when any functionality is not required and installed or some time that UI change is extra which cases damage on UI which and we do not have anything which can hide that. 



Issue Details: Here we will teach you some of the essentials things by taking Whislist APP as example. The tips you can use in you development and optimize the App and make the client happy. 



Warning: Just to inform you prior that expert shopify developer’s can only use these methods as it may break down your online store. 



Before moving ahead we always recommend you to take following actions:




 Take backup of your current theme



 Duplicate theme 



 Do changes in duplicate theme only



 Test changes after doing changes




Now, here some of the FAQ that will try to explain in details so, that any unknow mistake can be avoided. 







If you know you can skip this part else you can go through the same:



 How to take backup of Shopify Store ?



Step 1: Login to Shopify



Step 2: Click on Sales Channels and then Online Store







Step 3: Let’s assume you have installed “Dawn” theme and you have to take backup of same







Step 4: Click on the three dots (…) you will get small popup that will show you option to download theme file. 







Please note once you hit Download theme file and email will be sent to owner email in which you will get download link. 







Step 5: Download link on your Email







Cheers you are done! We hope that your confusion is now sorted.  






 How to Duplicate Themes in Shopify Store ?



If you have followed above step it will be now easy for you to duplicate your theme







So, now once you click on Duplicate it will start duplication and below the heading Theme library you can see it will say Copy of Dawn ( Copy of Your Current Theme Name appears )







It was easy right ? 







 How to do changes and preview them ?



Let’s say you want add a text “HELLO” so, for that what you have to do is Edit code of your current theme.











Once you click on Edit Code it open a Editor and there you have to open file theme.liquid which is actually the base file or we can say master file or index file of your theme.







Now, will add the following code that will add the “HELLO” text on home page as we are doing changes in theme.liquid



Line No. 269 ( Remember this is default theme and we did not done any change in the same )



HELLO







Hit on Preview Store right corner and you see your changes will get replicated on frontend and see how it looks:







This is again very easy.  







As the article is very long so, please move on to next articles in which we are continuing 



click here to view the next article…read more.




The post [👉]How to Customize frontend of Shopify App first appeared on PurchaseTheme.


Top eCommerce Platforms for 2023
admin — Tue, 05 Sep 2023 13:32:02 +0000
Just about every aspect of digital commerce has evolved in the past 2-3 years from AI and digital wallets to mobile and social integrations. Here are some of the major changes that will influence ecommerce in 2018.



Anyone who is planning to setup a brand new ecommerce business in current 2018, it is important for them to understand what are the new changes evolved in last 2 to 3 years and where it is now. Let us look at the new features of ecommerce that is evolved and can impact your current business growth.



Due to increase of smart phone and ecommerce has been adapated by major part of world and now it is continuely increasing day by day but, still it did not reached to a saturation points as big player of ecommerce market like Alibaba is forcing other to compete them.



Therefore, few things are more commonly raised to achieve and compete the big players:



– The customization level is increased dramatically as you can see very quick changes in the version of ecommerce platforms in the previous years like moving forward to template engines from structure point of view. In build chat system etc.



– The use of digital wallet is also increased as it easy and quick way of doing payment. The eCommerce platforms are now adding more and more payment gatways preintegrated so, that they can capture the major part of the transaction methods. Right now, It’s a sign for upcoming startups to invest in payment features that customers already expect.



– New improved dashboard with built-in analaytics system is also playing crucial role in increasing the conversion rate. It is important because if did not collect the it is really diffcult for you to understand the customer’s behaviour towards your website.Simply put, a focus on analytics is important to run an ecommerce business successfully.



– As the industry of sale & purchase is increasing people use Mobile Devices to purchase the product as this is really a convenient way of of shopping. But, we normally ingore them but, we need to thank to ecommerce industry that they are creating more mobile friendly or we can says responsive UI those are fit to any kind of mobile browser so, the conversion via mobile device can be successfully recorded.



Keeping in mind the recent developments, We have assembled a list of top five ecommerce platforms that can help you get started in 2018.



1. Opencart



OpenCart is an online store management system. It is PHP-based, using a MySQL database and HTML components. OpenCart was originally developed in 1998 by Christopher G. Mann for Walnut Creek CDROM and later The FreeBSD Mall.



The Good Thing about:
– It is freely available under the GNU General Public License.
– OpenCart uses fraud management services such as FraudLabs, ClearSale and Global Payments to review customer orders.
– It requires less man power and really a cost effective framework.
– Recent opencart 3.0.x.x has been introduced with template engine which provides really a good speed and improve the performance.
– Development is cheap from technology point of view due to easy MVC structure.



The Bad Thing about:
– Multivendor extension for opencart is not free though you can download it for $150 to $300 as per your requirment.



2. Magento



Released in March 2008, Magento is an open source ecommerce website platform. Its reliability and scalability has made it one of the most popular ecommerce platforms available today. Many prominent names such as Burger King, Huawei, Pepe Jeans and Liverpool F.C. have their websites built on Magento.



The Good Thing about:
– Open source and unlimited customization options.
– Usability and Manageability.
– More than 9000 plugins and extensions to make room for scalability.
– Free social media extensions.
– Extensive resource library for demos, new plugins, store management and everything around ecommerce stores.



The Bad Thing about:
Using Magento is not for everyone, especially if the store owner is not a programmer, or doesn’t have a team of programmers working on his or her team. And then there’s the price tag; the basic version is free, but getting an enterprise version means you’ll need to shell out at least $20,000/year. If you don’t have programmers on staff, be prepared to invest in third-party programming costs as well.



3. Shopify



A Canadian-based ecommerce solution, Shopify has been helping online businesses across the globe with a sharp focus on the trending social commerce and mobile shopping. Founded in 2004, Shopify has always kept up with the pace of evolving ecommerce trends and technologies, having broken ground on powerful additions such as social shopping whereby your customers never leave their social media platform in order to buy from you.



The Good Thing about:
– Abandoned cart recovery.
– The plethora of themes, plugins, and extensions.
– For $9, you can integrate Shopify directly with your FB account and make it an ecommerce store.
– Mobile-friendly shopping cart, seller mobile apps and many other mobile-based features available.
Round the clock technical support via live chat, phone as well as tutorials, along with their powerful Shopify community forum.



The Bad Thing about:
Even with all the advantages of Shopify mentioned above, there are some downsides with the platform. The most prominent downside is the additional transaction fee you’ll be liable to pay if you don’t use Shopify Payment. Moreover, plenty of useful and practical extensions require additional investment. Perhaps most challenging is “Liquid,” Shopify’s own coding language, which requires ecommerce store owners to pay an incremental price for customization.



4. WooCommerce



A free WordPress plugin, WooCommerce is a name that needs no introduction in the world of ecommerce. It comes along with a secure payment gateway and a shopping cart that both work really well. Open source and easy to use for WordPress aficionados, WooCommerce needs an additional plugin to start a multi-vendor ecommerce store.



The Good Thing about:
– Easy to manage admin panel.
– Unlimited product categories.
– Extensive range of plugins and extensions of all sorts.
– Secure payment gateway.
– Good shopping cart.



The Bad Thing about:
Installing WooCommerce is free, but integrating the shopping cart completely with the system requires additional investment. Moreover, if you don’t know WordPress, you won’t know how to use WooCommerce. But the biggest problem with WooCommerce is its lack of scalability; as your business grows and you get more sellers, products and customers on your database, WooCommerce starts slowing down.
The post Top eCommerce Platforms for 2023 first appeared on PurchaseTheme.