IT WordPress Archives - Page 4 of 5

E commerce Training Course for the Beginners

by Engr Kh Mashiur Rahman | Aug 20, 2020 | IT WordPress

How to Add Woo-commerce Products
How to setup Payment Gateway
How to resize product photos

Some Mistakes

Link Attribute is missing by setting Cross-sells and Upsell

How to Setup Rocket Bkash Payment Gateway for Woocommerce

by Engr Kh Mashiur Rahman | Aug 12, 2020 | IT WordPress

Bkash Payment Gateway for Woocommerce

Payment Gateway for Ecommerce Website is very essential for business. You can do it in different ways. Contact us for support 01792525354. We will discuss several option below-

1. WooCommerce Shipping Setting

Shipping Menu has 4 submenu

(1)Shipping zones |(2)Shipping options |(3)Shipping classes |(4)WooCommerce Shipping

1.1. Shipping zones

Shipping Zone has 4 submenu

(1)Shipping zones |(2)Shipping options |(3)Shipping classes |(4)WooCommerce Shipping

1.1. Shipping zones

User can create multiple shipping zones e.g. Anywhere in Bangladesh Zone, Dhaka Zone etc

To create Dhaka Zone. Click Add Shipping Zone. After that input below information in text field

Zone1 name : Dhaka
Zone regions : Select Dhaka District

Click on Flat Rare and set Tax Status: None and Cost: 80

To create another Zone. Click Add Shipping Zone. After that input below information in text field

Zone2 name : Anywhere in Bangladesh Zone

Zone regions : Select All District

Select all district and save according to below screenshot

Shipping methods : User can add 3 types of shipping methods. e.g. Flat Rate, Free Shipping, Local Pickup

Flat Rare: Set Tax Status: Texable/None and Cost: 150

Free Shipping : User can set this method due to multiple reasons given bleow

N/A
A Valid free shipping coupon
A minimum order amount
A minimum order amount OR a coupon
A minimum order amount AND a coupon

1.2. Shipping options

In shipping option user can Check/Uncheck below option

Calculations Calculations

Enable the shipping calculator on the cart page
Hide shipping costs until an address is entered

Shipping destination

Default to customer shipping address
Default to customer billing address
Force shipping to the customer billing address

Debug mode Debug mode Enable debug mode

Enable shipping debug mode to show matching shipping zones and to bypass shipping rate cache.

2. SoftTech-IT bKash, Rocket, Nagad Plugin

SoftTech-IT bKash, Rocket, Nagad is a plugin developed by Md Toriqul Mowla Sujan. We can install it free from wordpress plugin directory.

Now go to WooCommerce > Settings > Payment . After clicking on Payment Option you can setup

Direct bank transfer: If you Enable & Setup this below information require-

Enable/Disable: Enable bank transfer
Title: Direct bank transfer
Description: Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order will not be shipped until the funds have cleared in our account.
Instructions: Instruction details
Account name: Mashiur Rahman
Account number: 98334400000566
Bank name: Prime Bank Ltd
Sort code: 998876
IBAN: 099887
BIC / Swift: S9887547

Check payments: If you Enable & Setup this below information require-

Enable/Disable: Enable Check Payments
Title: Direct bank transfer
Description: Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order will not be shipped until the funds have cleared in our account.
Instructions: Instruction details

Cash on delivery: If you Enable & Setup this below information require-

Enable/Disable: Enable cash on delivery
Title: Cash on delivery
Description: Pay with cash upon delivery.
Instructions: Pay with cash upon delivery.
Enable for shipping methods: Flat rate/ District
Accept for virtual orders: Check/Uncheck on Accept COD if the order is virtual

PayPal Standard – PayPal: SIf you Enable & Setup this below information require-

bKash: If you Enable & Setup this below information require-

Enable/Disable: bKash Payment
Title: bKash
Description: Please complete your bKash payment at first, then fill up the form below.
Order Status: On hold
bKash Number: 01717746060
Agent/Personal: Personal
Enable bKash Charge: Check/Uncheck- Add 1.85% bKash “Send Money” charge to net price
Instructions:Thanks for purchasing through bKash. We will check and give you update as soon as possible.

Rocket: If you Enable & Setup this below information require-

Enable/Disable: Rocket Payment
Title: Rocket
Description: Please complete your Rocket Payment at first, then fill up the form below.
Order Status: On hold
Rocket Number: 017702666982
Agent/Personal: Agent
Enable rocket Charge: Check/Uncheck Add 1.8% Rocket “Send Money” charge to net price
Instructions: Thanks for purchasing through rocket. We will check and give you update as soon as possible.

Nagad: NIf you Enable & Setup this below information require-

Enable/Disable: Nagad Payment
Title: Nagad
Description: Please complete your Nagad Payment at first, then fill up the form below.
Order Status: On hold
Nagad Number: Agent/Personal
Agent/Personal: Agent
Enable nagad Charge: Add 1.45% Nagad “Send Money” charge to net price
Instructions: Thanks for purchasing through nagad. We will check and give you update as soon as possible.

3. Payment Gateway bKash for WC Plugin

Bkash Payment Gateway for Woocommerce is developed by Kapil Paul. This plugin will connect with your online merchant bKash account.

Now go to WooCommerce > Settings > Payment >bKash . After clicking on bKash Option you can setup according to below screen

Collect your USERNAME, PASSWORD, APP_KEY and APP_SECRET from bKash. Place this in above field and you are able to collect your payment

NB: Please note that Payment Gateway bKash for WC plugin requires jQuery 3.3.1 . Otherwise bKash script does not work with WordPress default jQuery. So called the jQuery 3.3.1 in checkout only.

4. bKash WordPress Payment Plugin

Bkash Payment Gateway for Woocommerce Plugin develop by themepaw. WPbKash is a solution for bKash merchant payment of WooCommerce WordPress based sites.

Now go to WooCommerce > Settings > Payment >bKash >Setup . After clicking on Setup option you can setup according to below screen

bKash: If you Enable & Setup this below information require-

Enable/Disable: bKash Payment
Title: bKash Payment
Description: Pay via bKash: you can pay with your personal bKash account.the form below.
Instructions: Type your instruction here
Payment status notice: Payment was not completed. You can still complete your order by paying from here:

Setup your bKash merchant credentials here

After clicking here link in above you will get a setting screen which is filled up below –

5. FAQ

Question: Can I setup my personal bKash account?

Answer: No, This Bkash Payment Gateway for Woocommerce plugin requires Merchant account

Question: What bKash credentials are needed?

Answer: You will need bKash app_key app_secret username & password,

Question: How do I get credentials?

Answer: You may contact with bKash support 16247 Or contact with your bKash Account Manager.

Question: Does this support both production and sandbox mode for testing?

Answer: Yes it does – just use “Enable Test Mode” checkbox to enable disable sandbox. If you are unchecked “Enable Test Mode” then your are in live/production mode and live mode requires your original bkash marchang app_key, app_secret, username and password.

Question: Where can I get support/ talk to other users?

Answer: If you get stuck, you can ask me at 01792525354 or for help in the Plugin Forum.

Tutorials for Bkash Payment Gateway for Woocommerce

Video Description	Video Link
Merchant Account Connectivity of bKash, Nagad etc.	youtube.com/watch?v=1l3kVQA-XcY
Shipping Method Bangla	youtube.com/watch?v=BNqsU8QzO50
Shipping Method Bangla	youtube.com/watch?v=WU0UmjBAYgk

How to Improve WordPress Website Speed – Technical Presentation

by Engr Kh Mashiur Rahman | Jul 23, 2020 | IT WordPress

How to Improve WordPress Website Speed – Technical Presentation

How to Improve WordPress Website Speed >> Innovative Techniques of Digital Marketing to Grow & Sustain RMG Business.

Slide-1

1. Introduction

Slide-2

2. Speed Optimization Techniques

Turn off pingbacks and trackbacks

Reduce server response times (TTFB)

Eliminate render-blocking resources

Adjust Gravatar images

Maximum image should not bigar than 1920 pixel width

For large image, size should not bigger than 200 kb

Show limited eCommerce product in homepage

WebP image format support

Use limited number of carousel in homepage

Reduce server response times (TTFB)

Themes, plugins, and server hardware specifications all contribute to server response time. Use optimized theme, optimization plugin, and/or upgrading your server. Use google speed checker to check this

Optimize the server’s application logic to prepare pages faster.
Optimize how your server databases, or migrate to faster database systems.
Upgrade your server hardware to have more RAM or CPU.

Few recommendations:
———————————————–
-Enable HTTP and image compression on your server.
-Consider caching your website, but set an expiry date in the HTTP headers so your visitors’ browsers will refresh the content after a certain time (this allows their browser to save a copy of your website, and each time the visitor visits your website, the pages are served from the copy on the browser and not your webserver)
-Combine and compress your JavaScript and CSS files.
-Syndicate content when the situation is advantageous.
-Find and replace any missing images.
-Enable page caching if your script allows.

Eliminate render-blocking resources

There are a number of WordPress cache optimization plugins that can help you inline critical assets. e.g Wp- Super Cache, Jetpack Boost etc

Recommendation by Gtmetrix

Avoid an excessive DOM size
Serve static assets with an efficient cache policy
Lazy load third-party resources with facades
Avoid enormous network payloads
Use passive listeners to improve scrolling performance

Recommendation by Pingdom

Make fewer HTTP requests
Compress components with gzip
Use cookie-free domains
Add Expires headers
Reduce DNS lookups
Avoid URL redirects
Avoid empty src or href
Response codes

Observation

Below we will keep some records of website performance

BG Record

Abbreviation: Fully Load or Largest Contentful Paint(LCP) / First Contentful Paint(FCP) / Total Blocking Time(TBT) / Search Engine Optimization(SEO)

Date	Google Mobile/ Desktop/ Speed Index	Gt Metrix Performance/ Fully Load Time/	Pingdom Load Time
02/01/21	1/14/8.2s	18.3s/34%	7.12s
05/01/21	2/13/8.2s	17.5s/34%	7.12s
12/01/21	6/10/8.2s	12.9s/58%	7.99s
14/01/21	13/59.4.9s	10.6s/57%	5.4s
16/01/21	13/58/18.4s	12.4s/66%	4.39s
19/01/21	13/48/6.1s	10.8s/14%	4.90s
26/02/21	9s/12/32	7.1s/74%	4.90s
20/03/21	9.9s/13/36	6.0s/74%	3.90s
14/06/21	4.2s/18/49	5.1s/74%	3.10s

BT Record

Date	Google Mobile/ Desktop/ Speed Index	Gt Metrix Performance/ Fully Load Time/	Pingdom Performance/ Load Time
10/04/21	7/43/4.6s	75%/4.1s	66/2.84s
29/08/21	20/61/7.4s	75%/4.1s

B Design Studio

Date	Google Mobile/ Desktop/ Speed Index	Gt Metrix Performance/ Fully Load Time/	Pingdom Performance/ Load Time JetPack Scoor
16/01/21	7/37/5.7s	7.6s / 32%	4.9s-17/52

BLL

Date	Google Mobile Report Performance/ Speed Index/ LCP/FCP/TBT/SEO	Google Desktop Report Performance/ Speed Index/ LCP/FCP/TBT/SEO	Gt Metrix Performance/ Fully Load Time/	Pingdom Performance/ Load Time
21/03/21	9/4.3s	42/4.3s

BAD

Date	Google Mobile Report Performance/ Speed Index/ LCP/FCP/TBT/SEO	Google Desktop Report Performance/ Speed Index/ LCP/FCP/TBT/SEO	Pingdom Performance/ Load Time Jetpack Score
01/7/23	36/14.0s/18.7s/6.6s/770ms/90	65/4.2s/2.7s/1.4s/170ms/100
10/04/22	9/4.2s	49	13-24/F
24/03/21	23/7.7s	63	13-20/F

Katho

Date	Google Mobile/ Desktop/ Speed Index/ LCP/FCP/TBT	Pingdom Performance/ Load Time- JetPack Score
30/7/22	26/54/5.4s/12.7s/0.8s	67/6.80s-23/37
10/04/21	6/31/10.0s
24/03/21	5/20/7.0s	67/8.80s-7/37

Autogarment.com Record

Date	Google Mobile/ Desktop/ Speed Index/ Accessibility/Best P/SEO	Gt Metrix Load Time/ Performance/ LCP/TBT	Pingdom Load Time/ Performance/ PageSize/ Request
08/04/24	39/78/1.3s/85/96/92		2.57s/67/1.7mb/125
28/05/23	52/96/1.7s/6s/4.9s/
28/07/22	42/94/2.1s/7.5s/6.4s/	3.0s/98%/686ms/24ms	4.27s/69/32/93
23/07/20	25/75/1.6s	4.2	4.9s
26/02/20	23/65/4.1s
21/02/20	36/60/2.9s

Bangla.autogarment.com Record

Date	Google Mobile/ Desktop/ Speed Index/ LCP/FCP/TBT	Gt Metrix Grade/ Performance/ Load Time
28/05/23	98/100/1.0s/4s/4.1s
21/02/20	12/57/3.0s	C/72%/4.9s
11/06/22	33/95/5.5s

Hadisquran.com

Date	Google Mobile/ Desktop/ Speed Index	Gt Metrix Performance/ Fully Load Time/ LCP/TBT	Pingdom Performance /Load Time-JetPackScore
12/03/23	81/98/1.4s
08/03/23	95/99/0.8s	98%/3.0s/740ms/117ms
02/01/21	22/56/10.2s	100%/0.4s/447	80/568
09/04/21	24/39/2.1s	2.1s
07/04/21	55/88/1.8s	2.1s
11/6/22	95/100/0.7s	/56-92C

Shop.hadisquran.com

Date	Google Mobile/ Desktop/ Speed Index/ Accessibility/SEO	Gt Metrix Performance/ Fully Load Time/ LCP/TBT/CLS	Pingdom Performance/ Load Time/ PageSize/ Request/ JetPack Score
24/10/24	33/62/7.2s/75/100
16/07/22	37/68/9.2s/70/85
16/08/22	60/83/5.0s/77/92
29/07/24	49/78/4.3s/77/92	84%//1.6s/91ms/0.17	69/1.96s/6.1mb/123/40-77
14/09/24	38/71/2.0s/75/100

Tradecomintl.com

Date	Google Mobile/ Desktop/ Speed Index/ Accessibility/SEO	Gt Metrix Performance/ Fully Load Time/ LCP/TBT/CLS	Pingdom Performance/ Load Time/ PageSize/ Request/ JetPack Score
14/09/24	32/39/3.9s/77/85

YouTube Help Line

Topics	URL
WordPress Optimization	decwinser.com/article/how-to-optimise-a-wordpress-install-for-free/
WordPress Chat	dreamhost.com/pro-services/management/site-optimization/

Theme & Essential Plugins for WordPress Websites

by Engr Kh Mashiur Rahman | Jul 18, 2020 | IT WordPress

Theme & Essential Plugins for WordPress Websites

For Official Use

Plugin Name/ Theme	Develop By	Ad	Kho	Dv	TL
*Storefront Theme	Automattic	Y			Y
Storefront Blog Customiser Pro	Automattic	Y
Storefront Mega Menus Pro	Automattic	Y
Storefront Parallax Hero Pro	Automattic	Y
Storefront Powerpack Pro	Automattic	Y
Storefront Pricing Tables Pro	Automattic	Y
Storefront Product Hero Pro	Automattic	Y
Woodmart Theme	Woodmart			Y
Woodmart Core	Woodmart			Y
*Akismet	Automattic	Y		Y	Y
*Jetpack	Automattic	Y	Y	Y	Y
*Jetpack Boost	Automattic	Y		Y	Y
Jetpack CRM	Automattic	Y		Y
Polylang (Language Tranaslate)	WP SYNTEX (W)
All In One WP Migration (Backup)	ServMask (W)
*Sucuri	Sucuri Inc			Y	Y
*Wordfence Security	Wordfence			Y	Y
*Titan Anti-spam & Security	Creative Motion		Y	Y	Y
WPS Hide	WPServeur, NicolasKulka, tabrisrp
*WP Hide & Security Enhancer	Nsp Code			Y	Y
BackWPup	Inpsyde GmbH
UpdraftPlus	UpdraftPlus.Com, DavidAnderson
Members	MemberPress
Capability	PublishPress
Groups	itthinx
Stat	Aodhan Cullen		Y
*AMP	AMP Project Contributors	Y			Y
Slider Revolution	ThemePunch	Y		Y
Simple Lightbox	Archetyped	Y
Yoast SEO	Team Yoast	Y	Y
WP Super Cache	Automattic			Y
Woocommerce	Automattic	Y		Y
Checkout Field Editor for WooCommerce	ThemeHigh	Y
Custom Order Status for WooCommerce	Tyche Softwares	Y
woo-inquire-us-and-disable-add-to-cart-button	themelocation			Y
WooCommerce PDF Invoices, Packing Slips, Delivery Notes & Shipping Labels	WebToffee			Y
Download Manager	W3 Eden		Y
Elementor	Elementor.com	Y	Y
Elementor Pro	Elementor.com	Y
WPBakery Page Builder	Michael M			Y
Essential Addons for Elementor	WPDeveloper		Y
Happy Elementor Addons	weDevs	Y	Y
WP User Frontend	weDevs				Y
WP Project Manager Pro	weDevs
Livemesh Addons for Elementor	Livemesh		Y
Facebook for WooCommerce	Facebook	Y		Y
The Official Facebook Chat Plugin	Facebook
Facebook for WordPress	Facebook			Y
Child Theme	By Lilaea Media
Table Prefix	Manish Kumar Agarwal
Contact7	Takayuki Miyoshi		Y	Y
reCaptcha by BestWebSoft	BestWebSoft	Y
WeFrom	weDevs		Y		Y
Visitor	wp-buy
Child Theme	Lilaea Media
PDF Embedder	Lever Technology LLC		Y
Social Media and Share Icons (Ultimate Social Media)	UltimatelySocial		Y
Creative Mail by Constant Contact	Constant Contact	Y		Y
Mailchimp for WooCommerce	Mailchimp	Y		Y
MC4WP: Mailchimp for WordPress	ibericode			Y

For Auto Group

Plugin Name / Theme	Develop By	AT	Bn	Sp	Hd	Ha
Sahifa Theme	Tie Lab	Y	Y		Y
Storefront Theme	Automattic			Y		Y
Akismet Anti-Spam	Automattic	Y	Y	Y	Y	Y
Titan Anti-spam & Security	CreativeMotion				Y
Jetpack	Automattic	Y	Y	Y	Y	Y
Jetpack CRM	Automattic				Y
Jetpack Boost	Automattic				Y
Wordfence Security	Wordfence				Y
Sucuri Security	Sucuri Inc	Y	Y
Titan Anti-spam & Security	CreativeMotion	Y	Y	Y	Y
WPS Hide Login	WPServeur, NicolasKulka, tabrisrp
WP Hide & Security Enhancer	Nsp Code				Y	Y
BackWPup – WordPress Backup Plugin	Inpsyde GmbH
UpdraftPlus – Backup/Restore	UpdraftPlus.Com, DavidAnderson
Members (Woocommerce User Role)	MemberPress
Capability Manager Enhanced (Woocommerce User Role)	PublishPress
Groups (Woocommerce User Role)	itthinx
AMP	AMP Project Contributors	Y	Y	Y	Y	Y
Official StatCounter Plugin	Aodhan Cullen	Y		Y	Y
Simple Ads.txt	Bensword	Y	Y
Site Kit by Google	Google	Y	Y	Y
All In One SEO Pack	All in One SEO Team	Y
Yoast SEO	Team Yoast	Y	Y	Y	Y	Y
WP Rocket	WP Media	Y	Y	Y
WP Super Cache	Automattic				Y
Elementor	Elementor.com				Y
The Official Facebook Chat Plugin	Facebook
Facebook Chat Plugin – Live Chat Plugin for WordPress	Facebook				Y
Child Theme Configurator	By Lilaea Media
Change Table Prefix	Manish Kumar Agarwal
Visitor Traffic Real Time Statistics	wp-buy				Y
Child Theme Configurator	Lilaea Media
Print, PDF & Email by PrintFriendly
Search & Filter	Designs & Code				Y
Arabic Webfonts	Jozoor				Y
Advanced Order Export For WooCommerce	AlgolPlus				Y	Y

Theme & Essential Plugins for WordPress Websites end

Free Website Development for Garments and Textile Factory

by Engr. Kh. Mashiur Rahman | May 18, 2020 | IT WordPress

Free Website Development

I stumbled upon your website when I was looking for web development companies. We are also dealing in the same domain since 2009. Immediately I thought of mutually beneficial business association so that you will get the best service at affordable price with same high quality which you are getting from your in-house team.

Our Expertise Areas:-

Open source: Word press, Joomla, Drupal, Magento, Shopify, Big Commerce
Frameworks: Cake PHP, Zend, CodeIgniter, Symfony, PHP MVC,PhoneGap
Mobile: iPhone, Android
Front-End: Boot-strap, Foundation, Skeleton, LESS, HTML5
UI/UX/Graphics: Photo-shop, Illustrator,Axure, In design, Corel Draw
Digital Business: SEO, SMM, PPC, SEM, ORM
Layout: Responsive, Parallax, Web 2.0, Mobile/Tab Compatible, 960 Grid. System

You can also take free trail for your reference. Till now we have served many web agencies from the US, UK, Canada, Germany, Netherlands, Australia and Europe at affordable cost.

Please feel free to reply with all your project details and timeline. We will respond with a project quote within a single business day.

Pro & Free Slider Revolution Tutorial for WordPress

by Engr. Kh. Mashiur Rahman | Oct 30, 2019 | IT WordPress

Slider Revolution Tutorial

Slider Revolution Tutorial – At first download slider revolution plugin from wordpress.org website. Then install it form dashboard. Then setting the required configuration.

Slider Revolution Setting

General Setting

Example of Image Size

If Slider is placed inside a boxed container within your site, and the Slider’s width should not increases larger than 1200px
1400 pixels in width by 480 pixels in height recommended for perfect size for the slider
1200px width and 500-800px height is an optimal perfect size for a slider
2650×1900 image or 1024×768 so you can easily manage your layers
For height set your sliders “Layers Grid Size” to equal the exact size of your images original size
Image Width = Slider Width Image Height = Grid Height * (Slider Width / Grid Width)

How to Customize Image

Fit slider image on full screen. Slider revolution image full size is 1920 x 1080 pixel
At first open Photoshop CS6 >> Click on File >> Click on New >> Set Width 1920 pixel >> Set Height 1080 pixel >> Set Resolution 300 >>Click on OK
Again Click on File >> Click on Open>> Select Image >> Click OK >> You can see 2 Tab on Screen. One is balnk 1920 x 1080 pixel and another one image just you have open >> Drag second tab to below >> Now click on Move tools icon from toolbar to drag image to blank box. >> Now image will fit into blank box without changing resolution >> To change resolution hit CTRL – button from keyboard >> Now hit CTRL + keyboard button at a time to view original images dot line box. >> Now stress the dot line outside of image to image edge >> Click Enter >> File this image as JPG / PNG format

How to Add Image on Slider

Login your wordpress site >> click on Slider Revolution >> Select Module and click on Editor icon >> Add slide by clicking on Slide icon >> Hit Ctrl – keyboard button to view full edge >> Add image by clicking on Add Layer icon >> A default image icon will inputted in box. >> Double click on image icon to upload a image >> Fit the image inside the slider box >> Save

How to Remove white space under revolution slider

Please add this code in custom.css file:

.page-heading-slider .wpb_revslider_element {
margin-bottom: -250px !important;
}

Module General Option Setting

Title Icon:

At first click Gear/setting icon. Then set title. E.g. Main Slider
Full Slider Image Size:
9000 x 6600 Pixel

Layout Icon:

You change type here e.g. slider, scne, carousel .
You change sizing here e.g. auto, full-width, fullscreen.

Default Icon:

Change slider duration
General Setting
Stop on Hover : On
Spinner Icon
Set Spinner to 5/6/7/8 etc
Set Spinner color to red/white/blue etc
NAVIGATION OPTIONS
Progress Icon
Progress bar : on
Progress bar Position: top/bottom,
Height: 1
Arrow
Arrow Type : On
Arrow Style: Change Value to Uranus
Navigation Style – On and Change value
Height: 40
Font Size: 20
Width: 40
SLIDE OPTIONS
Background Icon
Source Image -> Media Library
Add Layer
Add Shap

General Icon:

On Scroll Icon
Spinner Icon
Addon Icon
Advance Icon
CSS/Query Icon
As Modal Icon
Skin Icon

Template Parameters

Fashion Header Slide Image Size: 1920×1280, 1920×1001, 1920×1280
Before After Slide Image Size: 1600×1000, 1600×986
Kyn Burn: 1920×900
Fitness Gym Website Slider Image: 1920×1080
360 Degree Panorama Slider: 2560×1280
Fashion Website Slider Modal Slider: 989×1080, 989×1080, 989×1080, 989×1080, 267×150, 267×150

How to make responsive revolution slider

Select : You will get 3 option during creation of a slider, (1) Auto Option, (2) Full Width (3) Full Screen. Among them select (1) Auto Option

====================================================

Database Experiment 1

WordPress Database Size: 340 Mb
Microsoft word file size: 2.10Mb
Microsoft Word : 2,52170 Words
After Posting Database Size: 360Mb
So 10Mb Database Size = 126000 Words
So 10Mb Database Size = 1.05 Mb doc file size

===================================

Database and Folder Experiment 2

WordPress Database Size Before : 424.38 Mb
Microsoft Word : 3,32170 Words
After Posting Database Size: 476Mb
So 15Mb Database Size = 1,00,000 Words
Zip Folder Size Before =593.45 Mb
Zip Folder Size After=603 Mb
Database and Folder Experiment 3
WordPress Database Size Before : 507 Mb
Microsoft Word : 3,82170 Words
After Posting Database Size: 639 Mb
So 15Mb Database Size = 1,00,000 Words
Zip Folder Size Before =593.45 Mb
Zip Folder Size After= 596 Mb

Database and Folder Experiment 4

After Muatta Malik Database size= 685mb
Database and Folder Experiment 5
After Miskat Sharif Database Size 710Mb

Role Management

By default Slider Revolution enabled only for Admin Role. To add permission Editor and Author you need to go Dashboard >> Global Setting >> Permission >> To Editor Admin. So Shop Manger can also work now

How to Add Class for Text Slider

/*slide*/


.scroll-slow {
 height: 50px;	
 overflow: hidden;
  position: relative;
 /*background: yellow;*/
 color: orange;
 /*border: 1px solid orange;*/
}
.scroll-slow p {
 position: absolute;
	animation-duration: 1s;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scroll-slow 15s linear infinite;
 -webkit-animation: scroll-slow 15s linear infinite;
 animation: scroll-slow 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-slow {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-slow {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-slow {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}

« Older Entries

Next Entries »

E commerce Training Course for the Beginners

How to Setup Rocket Bkash Payment Gateway for Woocommerce

Bkash Payment Gateway for Woocommerce

1. WooCommerce Shipping Setting

1.1. Shipping zones

1.1. Shipping zones

1.2. Shipping options

2. SoftTech-IT bKash, Rocket, Nagad Plugin

3. Payment Gateway bKash for WC Plugin

4. bKash WordPress Payment Plugin

5. FAQ

Tutorials for Bkash Payment Gateway for Woocommerce

How to Improve WordPress Website Speed – Technical Presentation

How to Improve WordPress Website Speed – Technical Presentation

1. Introduction

2. Speed Optimization Techniques

Turn off pingbacks and trackbacks

Reduce server response times (TTFB)

Eliminate render-blocking resources

Recommendation by Gtmetrix

Recommendation by Pingdom

Observation

BT Record

B Design Studio

BLL

BAD

Katho

Theme & Essential Plugins for WordPress Websites

Theme & Essential Plugins for WordPress Websites

For Official Use

For Auto Group

Free Website Development for Garments and Textile Factory

Free Website Development

Our Expertise Areas:-

Pro & Free Slider Revolution Tutorial for WordPress

Slider Revolution Tutorial

Slider Revolution Setting

Example of Image Size

How to Customize Image

How to Add Image on Slider

Module General Option Setting

Template Parameters

How to make responsive revolution slider

Role Management

How to Add Class for Text Slider

Category