How to add content below media gallery in woocommerce
One of the ain feature of woocommeerce is the media gallery that is present on the left had side column on the default woocommerce. Now what if we want to add a piece of text below it so we can add content / HTML below it.
In fact, the gallery completely replaces the default content via JQuery, including that particular hook. Adding content is not as easy as it used to be.
Hence , in this blogpost I will be sharing the code snippet that will be used to make this functionality working.
add_action( 'woocommerce_after_single_product_summary' , 'pkbhatt_add_below_prod_gallery', 5 );
function pkbhatt_add_below_prod_gallery() {
echo '<div class="woocommerce-product-gallery" style="background: #fdfd5a; padding: 1em 2em">';
echo '<span>THIS IS A TEST. YOU CAN ADD TEXT, IMAGES AND ANY HTML</span>';
echo '</div>';
}
Why A WordPress Site
In this day and age, establishing an online presence is one of the key essentials for having a successful business. By using the internet, your company or small business can reach massive number of people across the globe. And the more potential clients or customers you can reach, the more chances your business has of growing. Therefore, it goes without saying that by launching a solid online platform, your business would acquire opportunities that would otherwise be inaccessible.
To many, creating a website may appear as a complex and nerve-wracking task. Surely, if you want to build a website that runs impeccably, it is inevitable that you would have to put in some effort. However, the process itself doesn’t have to be overly complicated.
This is where WordPress comes in handy. As a user-friendly platform, WordPress is a great base for building any type of website. No matter what requirements you have, WordPress will be able to help you meet them to the fullest. We will present some of the reasons why having a WordPress site could be beneficial for any business.
- It is intuitive and easy to use
Since WordPress is a CMS, or content management system, its users can edit and change their site appearance as they please, with no knowledge of code required whatsoever. WordPress system is integrated in such a way that directs you through all the necessary steps for making a website with complete ease. This means that even if you are a total beginner, there is no danger of getting lost while creating or modifying your website content.
- It has extensive support
For the past 7 years, WordPress has been the most popular CMS platform on the web. In fact, 30% of websites are powered by this software. Moreover, some of the world’s biggest brands use WordPress, like The New Yorker, The Walt Disney Company, MTV News, Microsoft News and Sony Music.
This is not to say that popularity should be the determining factor of why you should use WordPress. Rather, the point we want to make is that thanks to its popularity, WordPress has a huge support community. So many people online are contributing to the improvement of this platform on a daily basis by writing code and answering all sorts of WordPress-related questions. In fact, this community is so vast that just by typing in your question in your search bar, you will most likely get thousands of results with detailed solutions to your problem.
On top of that, a large amount of developers and web designers are completely WordPress savvy. This means that you will easily find professionals who will be able to provide you with thorough website support. Naturally, this will be very beneficial for your business in the long run.
- It is responsive
Among its many useful features, one of the most convenient ones is that WordPress is responsive and completely mobile-friendly. WordPress mobile app allows you to access your WordPress backend. In this way, you will be able to manage and write your website content from your mobile phone.
However, this isn’t the only reason why having a responsive website is important for your business. A large portion of people browses websites through their mobile phones. This means that by having a responsive design, you will attract those who use mobiles and tablets to visit your site as well.
These are all valid reasons to make sure that your website is responsive when it comes to your front end as well. You can take care of this by making sure to install a WordPress theme that has a responsive design. Luckily for you, there are so many responsive and mobile-friendly WordPress themes out there, you will surely be able to find something that will appeal to your specific needs. With responsive design, you will attract more customers and your online business reputation can only soar higher. When you take all these into account, giving your website a responsive design through and through is a no-brainer.
- Plugins
When we say that you can do just about anything with this handy software, we are not exaggerating. But even if by chance you find that there’s something that you can’t do, there are WordPress plugins that you can install that will take care of it.
Building a website of your dreams is a walk in the park with these useful tools, especially since there’s one for practically everything you can think of. Plugins expand the functionality of WordPress and allow users to fully customize their website in a way they prefer. There are a plethora of both free and premium plugins out there that will help you personalize your website down to the smallest detail.
- Scalability
WordPress is a flexible platform capable of powering websites of every size – from small blogs to huge business sites and online stores. In fact, since WordPress is extremely scalable, you won’t have to burden yourself with paying extra money for future upgrades. This scalability is great for growing your business in the long run.
So, with time, your website will probably need some sort of expansion. Once this happens, you will be able to easily upgrade it with various plugins. Likewise, you can equip it with a brand new feature-rich theme that will be up to par with your business requirements. All in all, if you want to expand your business website with WordPress, the sky is the limit!
- Possibility of adding different roles to multiple users
If you have a team of people and you want to assign them to different positions, all with a purpose of maintaining your website in the most efficient manner, WordPress is more than capable of doing so. Namely, there are various WordPress user roles that you can assign to multiple users, all of which have different levels of accessibility.
For instance, the role of Editor has access to managing website content, but holds a lower level of authority compared to Administrator, who is a website creator. Author’s role is that of creating and modifying their own posts, but it has less power than Editor, and so on.
The best thing about this option is that you will be in the driver’s seat the entire time, deciding which role will be assigned to which user and managing your website content with complete ease. As a final result, your online business will be easier to handle as well.
- You have complete ownership
As a platform, WordPress falls under the category of GPL, or general public license. As such, it is an open source not owned by anyone. This means that you are free to use, alter, or upgrade the software in whichever way you deem fit. But that’s not all – you also hold a complete ownership over your website, including your content and any data you have hosted on your site. Speaking of hosting, you don’t have to worry about losing your content if you decide to switch your hosting service provider.
- Security
One of the most common concerns of every site owner is to prevent their website from being hacked, especially since nowadays hacking happens on a regular basis. It’s needless to say that if you want to lead a successful online business, upholding a rock-solid security for your website platform is crucial. This is why it’s your responsibility to arm your website with protection that is strong enough to sustain any hacking attempts. It’s better to be safe than sorry, after all! A convenient thing that comes with having WordPress as your platform is that its status brings you plenty of resources in various areas, one of them being security. Many businesses offer tips, practices and security plugins that will help you fight any unwanted intrusion and ensure that all your website data stays protected.
In addition, WordPress community makes sure to release new security patches regularly. If you keep your WordPress website and all its plugins up to date, you won’t have to stress yourself with security problems.
- Constant upgrades
Another benefit of WordPress’ massive popularity is the fact that it gets upgraded on a daily basis. As WordPress community can be measured by the millions, many of these users and developers come online to share any fixes or improvements they’ve made to the code. In other words, the growth of the platform itself is fully boosted by its community.
- It is SEO-friendly
Good SEO can increase your website traffic by making you visible on search engines. Hence, giving proper optimization to your website is the key to having a prosperous business. After all, what is the point of all that hard work and strategic business planning if nobody can see your website on the first pages of search engines?
Luckily for you, WordPress is a SEO-friendly platform. It comes with plenty of online plugins that will help you with your website ranking. A great tool for this job is a Yoast SEO plugin . With over a million downloads, it is by far the best SEO plugin out there. It helps you make your posts title, meta description and focus keywords SEO-friendly, among other awesome built-in features.
Conclusion
There is practically nothing you can’t do in WordPress. Whether it’s a one-page website, a portfolio, Woocommerce-powered online store, a personal blog, or a massive corporate website – WordPress can truly cover it all. Aside from all these countless possibilities that come with WordPress, it is also SEO-friendly, super responsive and extremely easy to use. Honestly, what else do you need for a successful business site?
These were just some of the many reasons why every business could use a WordPress-powered website. Today, more businesses run on this platform than any other. Join this ever-growing community and find out all the perks of being a WordPress user!
How to replace the product gallery with product video in woocommerce
I am presenting here a code methodology that will be used to replace the product gallery in woocommerce with a custom product video or a video from youtube.
For implementing the same you need to add the following code in your theme’s functions.php file or you can also add the same into your custom plugin.
add_action( 'woocommerce_before_single_product', ‘pkb_replace_vid_with_progal’ );
function pkb_replace_vid_with_progal () {
remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
remove_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );
add_action( 'woocommerce_before_single_product_summary', 'pkb_show_product_video', 20 );
}
function pkb_show_product_video() {
echo '<div class="woocommerce-product-gallery">';
echo '<iframe title="YouTube video player" src="https://www.youtube.com/embed/K4TOrB7at0Y" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>';
echo '</div>';
}
Hence using the above script in your functions.php file you will be able to replace the woocommerce product thumbnail gallery with custom video.
How to Speed Up WordPress Performance
Imagine you’re surfing one of your most liked sites and suddenly experience it getting slowed down? How would you feel about it? Very irritating right. Well, this can be a serious problem too especially for development companies as this can turn off customer engagement. You want to know what can be the solution to this as the fast loading pages can improve user experience by increasing your page views and helping with WordPress SEO either.
Many of us have a question like why does speeding up the page is so crucial? Well, it has a great impact on your SEO as google intentionally hustle on the specifics for some researches and one thing is for sure that better speed leads to a higher ranking in the eyes of Google. In this article, we are going to share how you can use some tips and tricks to boost up your WordPress speed and performance. Let’s begin.
How to check your Website speed?
It is always misunderstood by beginners by thinking that their website is just Ok as they don’t experience any slow movement on their computer. This can be a big mistake to ignore. As you frequently visit your website, browsers like Google Chrome stores your website in the cache and prefetch it automatically as soon as you start typing an address; it will load your website instantly.
For some normal users who visit your website for the first time, they may not experience it as users from different geographical locations have a totally different experience. For this purpose, we are crowded with tons of multiple speed tools to check your website speed. One of the most recommended is the Page Speed Test tool which is a free source and allows to identify bugs if any which are interrupting your website. Generally, a good website page load time is estimated under 2 seconds to retain constant customer engagement.
What is it Important to Speed Up your Website?
Most of the technical jargon relayed to the slow working website is difficult to understand by the beginners. So, learning what slows down your website is the key factor in improving by making smarter long-term decisions. The basic causes which are labeled for a slow WordPress website are the web hosting service provider which are not configured properly to disturb your website speed.
Along with this, if your WordPress site is not serving cached pages then there are typical changes that will overload your server which will slow or crash your site. A poorly coded plugin can also hurt your site speed along with the external scripts like ads, front loaders and much more have a huge impact on your site performance.
Steps to improve your Site speed
- Opt for good Web-Hosting service provider
A good WordPress hosting service plays a crucial role in boosting up your website performance. For instance, Bluehost and Siteground are the names that take some extra measures to optimize your website speed. On the other side, shared hosting allows you to share server resources with multiple customers which illustrates that if your neighboring website gets more traffic then it can impact the entire server performance which will eventually slow down your site as well.
However, by using the managed WordPress hosting service you can get the most optimized server configurations for running your WordPress site as it offers automatic backups, WordPress updates, and many more advanced security configurations in order to your site.
- Plugin for WordPress Cache
We are aware how the pages are dynamic which means they can be built on the fleeing every time anyone visits a post or page on your site. WordPress has to run a process for finding the required information to build your pages and then display them to the users. This involves a lot more steps which can really slow down your site if you have multiple people visiting your website at one time. For this, it is better recommended to use a caching plugin by WordPress as caching can make your site faster up to 5x times.
This reduces the work of going through the whole page generation process as the caching plugin puts up the copy of the page after the first load and then serves it to every subsequent user. For instance, if a user visits your site, your server retrieves information from a MySQL database and PHP files. After this, it puts it all together into HTML content, which is meant to be used by the users.
It is a very long process and hence you can skip a lot of it when using caching instead. There are various WordPress caching plugins but we recommend to use either WP Rocket for premium users and WP Super Cache for open-source users.
- Optimize your Site Images for Speed
Images help to bring life to your content by boosting engagement. But if your images are not optimized then they can turn out be a villain in hurting your site. Experts recommend using photo software for optimizing your images from the web before it directly from your phone camera. The photos are in huge file sizes in their original formats, where you can reduce image size up to 5x times based on image size format and the compression.
You may choose from JEPG and PNG which can get your image compresses or uncompressed accordingly. If your photo posses different colors, go for JPEG but for the transparent or simple image, you can choose PNG. As we can see how the image format can make a huge impact on website performance.
Go for Content Delivery Network
Do you remember we have discussed how different users from various geographical locations experience different loading times on your website? This happens because of the location of your web hosting servers as it can have a huge impact on your site speed. Say, for instance, if your web hosting company has its servers in Europe then the people over their will see faster loading than in India. By using a CDN (Content Delivery Network), it can help to speed up your loading times for all the users across the globe.
Basically, a CDN is a network consisting up of servers all over the world which will store static files to make up your website. These static files include images, CSS and JavaScript which are unchanging ones while the WordPress pages are dynamic. When using a CDN, every time a user visits your website they get served with those static files from whichever server is near to them. Even your own web hosting server is faster than as the CDN is doing a lot more work. It is recommended to use StackPath CDN which works very well with WordPress websites and extensions your current WordPress caching plugins for even faster loading times.
- Decrease External HTTP Requests
Many WordPress plugins and themes try to load all kinds of files from other websites which include scripts, stylesheets, and images from external sources like Google, Facebook, analytics service and much more. We have mentioned a list from which you can utilize as many of these files are optimized so they can load quickly as possible and faster than hosting them on your own website.
Always remember that if your plugin is making a lot of requests then it can slow down your website significantly. All of these external HTTP requests can be disabled by scripts and styles by merging them into one file or operating on them individually. You can also try to disable the plugin’s JavaScript and CSS files.
Wrapping Up
We got some of the hacks to implement for boosting website performance and speed but one should always remember that website speed is not only the thing which holds importance. You can disable images altogether and use almost no styling and javascript which are taken into the extreme. This can actually lower your page loading time to 345ms but the ultimate goal of your website is to increase customer engagement. Try to make your website visually appealing in order to make it user-friendly by providing crucial information for your users.
So, just go ahead and try these unique techniques. It is mandatory to test your website speed before and after implementing these best tips and tricks. Be ready to get surprised with these changes as it will definitely boost your WordPress performance.