Sometimes we have to add java/jquery script to tpl files. It can be done with “Custom Header Plugin” but sometimes we have to put some jquery script in specific tpl.
We can add jquery as well as css easily with {literal}.
{literal}
<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.js"></script>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<style>
/*put your css here*/
</style>
{/literal}
Easy simple three steps.
Step One
Add following markup where you want to show the slider or carousel
<div class="dev-bdhostit"> <div><img src="photo1.jpg"></div> <div><img src="photo2.jpg"></div> <div><img src="photo3.jpg"></div> <div><img src="photo7.jpg"></div> <div><img src="photo4.jpg"></div> <div><img src="photo5.jpg"></div> <div><img src="photo6.jpg"></div> <div><img src="photo8.jpg"></div> <div><img src="photo9.jpg"></div> </div>
Step Two
Link jquery script of Bx Slider.
<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.js"></script>
<script type="text/javascript">
$('.dev-bdhostit').bxSlider({
auto: true,
autoControls: true,
stopAutoOnClick: true,
minSlides: 1,
maxSlides: 8,
moveSlides: 1,
slideWidth: 250,
slideMargin: 10,
});
</script>
Add the above line before closing of </body> tag.
Step Three
Link css script of Bx Slider.
<link href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.css" rel="stylesheet" />
Add the above line before closing of </head> tag.
Ask or request for review / feedback / rating to New Client / Buyer / Customer
Positive review/feedback/rating from awesome customers like you help others to feel confident about choosing me too. Could you please take a minute to go to [marketplace link / name] and share your happy experiences? I will be forever grateful and will get a chance to share my experience too.
Thank you in advance for helping me out!
Thank you for your recent order/offer/purchase. I hope you love it. If you do, would you consider posting a rating/review/feedback on Fiverr/Upwork? This helps me to continue providing great service, and helps potential buyers to make confident decisions.
Thank you in advance for your review and for being a preferred customer.
Review request to Recurrent buyer / client / customer
Add custom field name and value as follows
Name: query_args
Value: cat=107
here 107 is category ID
Leverage browser caching specify how long web browsers should keep images, CSS and JS stored locally. Add the following lines to the .htaccess file.
## EXPIRES CACHING ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType application/javascript "access 1 month" ExpiresByType application/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 2 days" </IfModule> ## EXPIRES CACHING ##