Elementor Carousel Pagination dots and Chevron Styling

@media (max-width: 767px){
  selector .elementor-testimonial {
     display: flex;
     flex-direction: column-reverse;
  }
  selector .elementor-swiper-button-prev, selector .elementor-swiper-button-next{
      display:none;
  }
}
.swiper-pagination-bullet-active{
    width: 30px !important;
    border-radius:25px;
}
selector .eicon-chevron-left:before,
selector .eicon-chevron-right:before{
    -webkit-text-stroke: 10px #f1f9fd;
}

How To / Short Tutorials by Me:

How to add custom CSS for Specific page:

Every page has a specific class in the body. Select a unique class of that page and add right before the styles element.

https://wpastra.com/docs/how-to-add-custom-css-for-specific-pages/#:~:text=Just%20open%20the%20page%20where,this%20class%20in%20your%20selectors.

How to download Blob Videos from Websites:

You need to Install FetchV chrome extension for this.

How to create direct checkout and cart link + Scroll to section on Another Page

Direct checkout link of product:

https://returnastic.com/checkout/?add-to-cart=47

Direct Cart Link

https://livethecorporatelifestyle.com/cart/?add-to-cart=13503

Link one button to another page specific section:

https://returnastic.com/about/#table

How to add external page (Php or any language) to wordpress:

1. Install Wp Code plugin and add the page snippet (HTML,CSS, JS, PHP) all to gather and select universal instead of HTML in snippet language
2. Always get a short code instead of Auto insert
3. Paste that code on a new page and Hurrah. You can make a section if you want to add it as a section

Plugin & theme add new option is not showing?

Go to Cpannel/Hpanel>file manager>public-html>wp-config.php> scroll down>last to option edit true to false

If Theme Editor option is not showing

Go to cpanel/files/config.php – make sure | define( 'DISALLOW_FILE_EDIT', false ); |

How to Hide Show Section on Button Click

https://thetemplace.com/hide-and-show-elementor-sections/

Remove Decimal price from Amount using its Class:

For example its class is: wpte-bf-offer-amount

So Now Add this JS using any snippets Plugin:

document.addEventListener("DOMContentLoaded", function() {
    // Select all elements with the class 'wpte-bf-offer-amount'
    document.querySelectorAll('.wpte-bf-offer-amount').forEach(function(element) {
        // Remove decimal part by rounding down to the nearest whole number
        element.textContent = element.textContent.replace(/.d{2}/, '');
    });
});
CSS - Design Issues:
Add Transition delay in any hover:
.agy-ho{
 transition: transform 2s !important;
}
.agy-ho:hover {
  transform: translateX(40px);
  box-shadow: -5px 5px 20px rgba(0, 0, 0, 0.3);
}
Any Image - [On Normal = Grey ] & [On Hover: Original Colour]
.swiper-slide-inner .swiper-slide-image{
    filter: grayscale(100%); /* Standard */
    -webkit-filter: grayscale(100%); }
.swiper-slide-image:hover {
    -webkit-filter: none;
    filter:none;
}
To Center Align Any thing:
Selector {margin-left: -50px;
margin-top: -50px;}
Remove Right Side Extra White Space:
html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}
Change Text Selection/Copy Color on Whole Website:
::selection {
  color: red;
  background: yellow;
}
Responsive:
……………………………………………………………………….
@media only screen and (min-width: 768px) {
  /*..................... For desktop:.................................. */
select#select-status {
    width: 41% !important;
}
}
@media only screen and (max-width: 767px) {
  /*..................... For Mobile:.................................. */
select#select-status {
    width: 41% !important;
}
}
……………………………………………………………………
Gradient Heading - Elementor:
selector .elementor-heading-title {
    background-image: linear-gradient(to right,#463f64,#463f64, #e2285c, #e2285c);
    -webkit-background-clip: text;
    display: inline-block;
    padding: 14px;
    -webkit-text-fill-color: #00000000;
}
(* You can change this highlighted line with a gradient color you want- Get it from: https://cssgradient.io/)
For Hover
selector .elementor-heading-title:hover {
    background-image:linear-gradient(90deg, rgba(193,111,247,1) 0%, rgba(236,15,15,1) 48%, rgba(222,171,99,1) 95%);
    -webkit-background-clip: text;
    display: inline-block;
    padding: 14px;
    -webkit-text-fill-color: #00000000;
}
Adding Image Background to Heading Text:
selector .elementor-heading-title
{
     background: url("https://www.wppagebuilders.com/wp-content/uploads/2020/05/gradient-progress-bar-elementor.jpg") green repeat 30% 70%  ;
     -webkit-background-clip:text;
     -webkit-text-fill-color:transparent;
}
Particles Background Snippet:
<style>
.particles-js-canvas-el {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left:0;
}
</style>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script>
//JS Code Here
</script>
Gradient Text In text Editor of Elementor:
selector .elementor-text-editor {
    background-image: linear-gradient(to left, #feac5e, #c779d0,#4bc0c8);
    -webkit-background-clip: text;
    display: inline-block;
    -webkit-text-fill-color: #00000000;
}
Make a Text Direction to vertical - Write Vertical Text In elementor:
selector{
    writing-mode: vertical-rl;
    transform: scale(-1);
}
@media all and (max-width: 767px){
    selector{
    writing-mode: horizontal-tb;
    transform: scale(1);
}
}
Horizontal Scrollbar Menu:
selector ul{
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: inherit !important;
}

Show button on hover:

Code:

…….

selector {
    --height: 400px;
    --bottom: -300px;
    overflow: hidden !important;
}
selector .main-info{
    bottom: 0;
    transition: .5s ease-in-out;
}
/*Hover Hide/Show CSS*/
selector .main-info{
    bottom: var(--bottom);
}
selector:hover .main-info{
    bottom: 0px;
}
Show A sliding underline on hover Heading in Elementor:
Class: hoverline
.hoverline {
  display: inline-block;
  position: relative;
}
.hoverline::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff; /* Change this to your desired line color */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}
.hoverline:hover::after {
  transform: scaleX(1);
}

Show Remaining text with read more.

Elementor Read More Button – No Extra Plug-Ins Needed!

Remove Extra Space Sidebar:

For Mobile:

@media only screen and (max-width: 768px){
    html,
    body{
    width:100%;
    overflow-x:hidden;
    }
}
For Desktop:
  html,
    body{
    width:100%;
    overflow-x:hidden;
    }
………………………………………………………………………………………………………………………………………………………………
Text Editor Inner Space Remove:
p:last-child{
    margin-bottom: 0px
}
………………………………………………………………………………………………………………………………………………………………
Fixed Background Video In Elementor:
Add that container video background class = fixed-bg
.fixed-bg .elementor-background-video-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.fixed-bg .elementor-background-overlay {
    /* If there's an overlay, ensure it's above the video */
    z-index: 0;
}
.fixed-bg .elementor-background-overlay::before {
    /* If you want an overlay, adjust its appearance */
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust opacity/color as needed */
}

………………………………………………………………………………………………………………………………………………………………

Move the section out of elementor section:

{Section Class: slider-section , Content Class: get-free }

For main Section: Also Give Width of 6460px And column gap= No gap

.slider-section {
 box-sizing: border-box;
 overflow: hidden;
 display: block;}
For Content: Give Width of 6460px
.get-free {
overflow-x: visible;
}
………………………………………………………………………………………………………………………………………………………………
Blur effect in Background:
selector {
    backdrop-filter: blur(5px);
}
Make Image scroll smooth in elementor:
selector .swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
Hide Elementor Popup Scrollbar:
.elementor-popup-modal .dialog-message.dialog-lightbox-message::-webkit-scrollbar {display: none;}
Make All the inputs equal size and Width in any Form:
input, select {
            width: 200px;
            height: 55px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
Make Elementor Carousel Arrows top Aligned
.elementor-swiper-button-next {
    top: -37px !important;
}
.elementor-swiper-button-prev {
    top: -37px !important;
    left: 84% !important;
}
@media only screen and (max-width: 768px) {
.elementor-swiper-button-next {
    top: -35px !important;
    right: 0% !important;
}
.elementor-swiper-button-prev {
    top: -35px !important;
    left: 75% !important;
}
.swiper-pagination-fraction {
    top: 18px !Important;
    width: 50px !important;
}
}
Elementor Comment form CSS to make it better
/*Add class to that widget: .custom-comment-form*/
.custom-comment-form a{
    color: black;
}
.submit{
    background: black !important;
    color: white;
    border: 0px;
    width: 100%;
}
Improve Elementor Form Radios Design
/* Hide the default radio button */
selector .elementor-field-type-radio input[type="radio"] {
    display: none;
}
/* Align custom radio button and text */
selector .elementor-field-type-radio label {
    display: flex;
    align-items: center; /* Vertically center icon and text */
}
/* Custom radio button icon */
selector .elementor-field-type-radio input[type="radio"] + label::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border: 2px solid #fff; /* Green border */
    border-radius: 50%; /* Circular shape */
    background-color: transparent;
    transition: all 0.3s ease;
}
/* Checked state for the radio button */
selector .elementor-field-type-radio input[type="radio"]:checked + label::before {
    background-color: red; /* Green background when checked */
    box-shadow: inset 0 0 0 3px white; /* Inner white circle */
}
Scrollbar CSS:
/* WebKit-based browsers (Chrome, Safari) */
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  background: linear-gradient(to bottom, #a573c2, #fff);
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #fff0, #d23173);
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, #5D2DAE, #6D2AD7);
}

Woocommerce product filter in elementor/wordpress:

This plugin is enough: https://wordpress.org/plugins/woo-product-filter/

CSS Notes:

Text-align: center, left, right

Text-transform: capitlize, uppercase, lowercase

Text-decoration: none, line-through, overline, underline

Text-indent: first line of paragraph difference

Text-shadow: 3px 3px 3px #ababab

a{

To style a link

}

a:link – a normal, unvisited link

a:visited – a link the user has visited

a:hover – a link when the user mouses over it

a:active – a link the moment it is clicked

Font-style: italic, normal,

Font-weight: normal,bold

font: italic small-caps bold 12px/30px Georgia, serif;

Table–

border-collapse: collapse;

width: 100%

Display: none

Visibility: hidden;

Display: inline, block, none

Position: static, relative, fixed, absolute, sticky

<div – relative>

<. Element– absolute>

Overflow: visible, hidden, scroll, auto

Overflow-x and overflow-y

float : left, right, none

::selection

JavaScript – Design Issues:

Powerful HTML, CSS, JS, PHP Resources:

Codepen.io

Cssbuttons.io

Neumorphism.io

Fancy border radius generator

cssgradient.io

Plugins:

Custom Thank you page – plugin

YITH WooCommerce Customise My Account Page Premium

Force Authentication Before Checkout for WooCommerce

Checkout Files Upload for WooCommerce

Woocommerce email customizer

Decorator: Woocommerce email customizer

WooCommerce Order Status Manager

Custom Thank You for WooCommerce

WooCommerce Product Table for Showing services or products in table with AddCart option

Redirection

Loginpress Pro

Wp Mail SMTP – if form is not sending mails- Showing Error (Setup: )

Premium Addons for Elementor – to create mega menu for free

Wp Rocket Pro – The best plugin for speed optimization {Follow GT Matrix Guidelines}

Cartfolows – for checkout page design & multi-step checkout

MultiStep Checkout for WooCommerce {free}

Checkout field editor – for editing any field or adding new field in checkout page

WooCommerce Cart Abandonment Recovery – for follow up emails on checkout

WPS Hide Login

Limit Login Attempts

Antimalware by Gotmls

AIOSEO

WP Content Copy Protection & No Right Click

Variation Swatches for WooCommerce

Product Filter by WooBeWoo – Used at bjbetterbuy

Floating Chat Widget: Contact Chat Icons, Telegram Chat, Line Messenger, WeChat, Email, SMS, Call Button – Chaty

WPCode plugin – For Header Code Putting (Add code in Header)

WC Captcha

Calendly (Not Plugin but a website used for scheduling)

Wp File Manager

WooCommerce Email Customizer with Drag and Drop Email Builder

Product Addons for Woocommerce – Product Options with Custom Fields

Adding Custom Code(Also PHP Snippets) with the WPCode Plugin (Easy) {Note: The WPCode method is useful for snippets that need to be added to the functions.php file, header.php or footer.php. This comes in handy when you need to add a tracking code for Google Analytics, Facebook Pixel, Google AdSense, and more to your website.} and lets you upgrade or change your theme without worries.

Fluent Forms – For Conditional logic in form – Free Method

Braintree fraud tool – has the ability to control Cards fraud

WOoCommerce Fraud plugin (Paid)

Flyout – Floating Elements

cookieYes Plugin

Woocommerce addons: For adding extra options to product page

AnyWhere Elementor Pro – To Make section with any other builder and show in elementor page!

Direct checkout, WooCommerce Single page checkout , WooCommerce One page checkout

Qi addons for free blog courosel/slider

CPT UI + ACF – Free Alternative for creating custom post type like jet engine

Publishpress for multiple authors

Ultimate Member – For Account, login, signup, hiding contemt

Extensions for Elementor Form

Yith Woocommerce Wishlist + EAE – For Automatic wishlist in products

GiveWp – Donation Plugin

Essential Addons- Best Flip (Also directly support templates)

Royal Addons – Free Testimonial Carousel (Also directly support templates) + Onepage Nav+ Button + Dual Button + Scroll Top text button + Phone call fixed button

User Registration for account page

Ultimate member

Elements Kit Image box for hover button

By Widgets for Google Reviews By Trustindex.io

Plugin for Google Reviews (Recommended)

Car or product suggesting plugin _ https://www.welaunch.io/en/product/wordpress-form-wizard/

Sucuri Security – Auditing, Malware Scanner and Hardening

Advanced Product Fields (Product Addons) for WooCommerce

GTranslate

WP Go Maps (Without API Keys)- Multi Markers at Maps

Store Locator Plus® for WordPress

Elementskit + jkit- The best Accordions

TI WooCommerce Wishlist

User Registration – Custom Registration Form, Login Form And User Profile For WordPress for creating woocommerce role based registration forms and much more also i used in canadian kids

Product Table for WooCommerce by CodeAstrology Free

User Menus – Nav Menu Visibility

Parcel Panel Order Tracking for WooCommerce

YITH WooCommerce Subscription

Extra product options For WooCommerce | Custom Product Addons and Fields

HM Multiple User Roles

Page Restriction WordPress (WP) – Protect WP Pages/Post

Wp login form

Check & Log email

CSS Hero Paid

Order Bump Plugin for Checkout page show product/Upsells

Wp Theme plugin Download

Download Plugin

Visibility Logic for Elementor

elemailer lite – Best Email customizer for elementor forms

Product Visibility by User Role for WooCommerce

Smartsupp- The best live chat plugin

Salert – Fakes woocommerce sales notifications – FOMO Popups

Essential Addons – Woo Product Carousel – Products Cover Flow

WC Multiple Email Recipients

Call Now Button: Best call now button

UAE – Best Tables/Data Tables

Best Survey Forms/Conversational/Interactive Forms [1. Flunet Forms 2. Quill Forms]

BookingPress – Best booking plugin

Database Cleaner: Clean, Optimize & Repair

Bit Assist (Floating button – The best style)

Conditional cart fee / Extra charge rule for WooCommerce extra fees

Asset CleanUp: Page Speed Booster (WORKS WELL WITH WP ROCKET)

Site Reviews – best plugin for collecting feedback/reviews without woocommerce also and show on front end

DynamicTags By RTO GmbH – Adds more dynamic tags in elementor dynamic fields including user role

Visibility Control for WooCommerce – Hide based on product purchased

Matomo Analytics – Ethical Stats. Powerful Insights. – Best wordpress and woocommerce insights, reporting, analytics, tracking plugin free of cose no account needed

Crisp live chat the most favorite till now

The Best Upsells/Cross sell plugin with huge conditions – UpsellWP – WooCommerce Upsell

Blog Resources {Mostly Plugins}:

UAE Addons – Best Posts Widget

Ekit – Best Post List Widget – Usually to use in sidebar or footer

Royal Addons : category list, Tags List (Widget Name: Taxonomy list)

Ekit – Tab – Beautiful Button type Tabs to show sections

The Best Tabs award goes to – EA Tabs (Free horizontal + Vertical + Lot of customization + As default – it support elementor templates)

Content Ticker – Essential Addons – Dynamic Posts Headlines

Helpful Websites And Apps:

Writesonic for Writing Description and much more including ecommerce

Gologin for anti detecting ip

Media.io For text to speech and human show

Breeze Extension – For mobile responsive view

SEO Websites & Tools:

Hubspot grader: Free tool

Gtmetrix : free

Ubersuggest : Paid

Semrush: Paid

Plugins Alternatives:

Master addons for – custom css

Royal addons for – most of pro features for free

Best Paid Plugins:

The Plus Addons

SEO Websites & Tools:

My Designed Website List – Techup:

1. https://tariqjuneja.com/
2. https://canadiankidspod.ca/
3. Agarta Fattoria Mayor
4. https://zafariqbal.pk/
5. https://mestresdomar.com/
6. https://myqoach.com/
7. https://fayyazfayzi.com/home-page-dark-background-sample/
8. https://herbalhighsaustralia.com/
9. https://teleflower.us/
10. https://paktaxcalculator.pk/

11.

12.

Social Media Links:

Facebook:

https://www.facebook.com/zaibwp

Instagram:

https://www.instagram.com/zaibsyedd/

Linkedin:

https://www.linkedin.com/in/zaibsyedd/

Behance:

https://www.behance.net/shahzaibhassan01

Fiverr:

Upwork:

https://www.upwork.com/freelancers/~01f3a07385acbb133d?viewMode=1

GitHub:

https://github.com/zaibnaqvi/zaibnaqvi/tree/main

Font Families:

Rochester

Shalimar

Open Sans

Manrope

Overpass

Praise

Din Next

RocknRoll One

Sofia Sans (default in wordpress)

Satoshi

My Recommendation And Personals

For my own blog Websites I will follow this site & its single blog page and it is the best guide and have all important plugin names:

RyRob.com: A Blog by Ryan Robinson | Learn to Blog and Make Money on the Internet

And

Simply better hosting for WordPress.

For CSS Tricks

Advanced Tutorials: Empowering Elementor Users

For Adsense Approval Of a Blog Read this article

https://www.shoutmeloud.com/how-to-get-google-adsense-approval-new-blog.html#:~:text=Google%20Adsense%20doesn't%20approve%20blogs%20if%20they%20lead%20to,others%20directory%20without%20their%20permission.

40 ways to make money with wordpress blog:

https://www.wpbeginner.com/beginners-guide/make-money-online/#sell-ads-directly

MIX:

Yes, you can transfer the websites without losing data by following below steps.

1. Download the backups of files, databases and emails:

How to download backups / How to export emails using Hostinger Webmail?

1. Remove the domain from the original plan:

How to remove the domain from the plan

1. Add the domain to the new plan:

How to add a domain to the plan

1. Upload the files and databases to the new plan:

How to upload backup at Hostinger?

1. Recreate the emails and import backups:

How to create emails account in hPanel? / How to import emails using Webmail?

Create A company in UK:

Urban VPN

Go to {https://find-and-update.company-information.service.gov.uk/} ..> Dissolved Company …> Write any name e.g Alpha ..> Find any uk Address {Must be house} …> search in google view location > Save the address for uk company ..> Go here {https://www.gov.uk/limited-company-formation/register-your-company} Register & pay 12 ponds

Create paypal business account from pakistan:

Urban VPN

Vyke Number

Australia Visa:

Washington Accord uni

https://immi.homeaffairs.gov.au/visas/getting-a-visa/visa-listing/skilled-employer-sponsored-regional-494

https://immi.homeaffairs.gov.au/visas/getting-a-visa/visa-listing/skilled-recognition-graduate-476

Main site:

https://immi.homeaffairs.gov.au/visas/getting-a-visa/visa-listing

How to copy any website, theme template

Ht track Website copier

Also app and for pc

Passwords to save:

Cloudflare

Zaibsyedd

*#522%&zZ

Eye- catchy Sentences:

Main: I will be happy to do it for you:

"I'd be delighted to handle that for you!"

"I'll go above and beyond to make it happen!"

"Consider it done with a big smile on my face!"

"Leave it to me—I'll make it my personal mission!"

"Count on me to make your request a shining success!"

"I'll make your wish my command—happily!"

"Your satisfaction is my ultimate goal—I'm thrilled to help!"

"I'm eagerly ready to tackle the task and exceed your expectations!"

"Let me bring my enthusiasm and expertise to make it a fantastic reality!"

"It would be my absolute pleasure to make it happen for you!"

Main: My Pleasure:

It's an honor to help

All pleasure is mine

Happy to assist

https://codecanyon.net/item/rise-ultimate-project-manager/15455641

Rise – PMS (Project Management)

Beautiful Elementor Button Codes:

1-

/* Apply the animation on hover */

.elementor-button:hover {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
/* Apply the text animation on hover */
.elementor-button:hover span {
  animation: slide-up-animation 1.5s linear forwards;
  transform: translateY(0%);
}
/* Define the text animation */

@keyframes slide-up-animation {
  0% {
    transform: translateY(50%);
  }
  20% {
    transform: translateY(-00%);
  }
}
Accounts:
Github:
UN: officemailshahzaib@gmail.com
PW: *#522%&zZ
Single Blog Page - Idea
Image Suggestions. Use Images like border and shadow.
Link: https://diggitymarketing.com/case-study-programmatic-seo/
Add CTA like This
A popup that appears from bottom
https://www.wix.com/blog/how-to-design-a-website
Header Suggestions -
Kinsta
Blog Archive
https://blog.hubspot.com/marketing
https://www.marketermilk.com/blog
Single Page:
From Studies to Breakthroughs: How to Excel in Studies and Unlock Your Full Potential With Hostinger?

https://www.wix.com/blog/how-to-design-a-website
https://wp-staging.com/how-to-undo-changes-in-wordpress-revisions-autosaves-snapshots/
Guide By Shahzaib - old
My Web Development Guide
(Shahzaib Hassan)
To Do List
How to use generate wp
Watch Tutorials
PMS Tutorials Dashboard Overview
How to use PMS Profile and Laeve Management
How to Manage Projects & Tasks
Projects, Tasks and Messages
Timeline, Leaves, Announcements & Reports
research
Allow to add more than one post types in elemenntor posts Widget
………

<?php
function elementor_posts_widget_multiple_post_types( $element, $args ) {
    $element->update_control(
        'posts_post_type', // control ID
        [
            'type' => ElementorControls_Manager::SELECT2,
            'multiple' => true,
        ]
    );
}
add_action( 'elementor/element/posts/section_query/after_section_end', 'elementor_posts_widget_multiple_post_types', 10, 2 );
……..
https://www.scratchcode.io/add-multiple-post-types-in-posts-widget-in-elementor/
Show product short description on cart and checkout page:
……………………….
// add this filter in functions.php file
add_filter( 'woocommerce_get_item_data', 'wc_checkout_description_so_15127954', 10, 2 );

function wc_checkout_description_so_15127954( $other_data, $cart_item )
{
    $post_data = get_post( $cart_item['product_id'] );
    $other_data[] = array( 'name' =>  $post_data->post_excerpt );
    return $other_data;
}
………………………………………
For Error 500 in elementor
Add this code in wp-config in last above happy editing:

define('WP_MEMORY_LIMIT', '512M');

Responsive:

@media only screen and (min-width: 768px) {
  /*..................... For desktop:.................................. */
select#select-status {
    width: 41% !important;
}
}

@media only screen and (max-width: 767px) {
  /*..................... For Mobile:.................................. */
select#select-status {
    width: 41% !important;
}
}
-------------------------------------------------------------------------------
How to add custom css for specific page in wordpress:
https://wpastra.com/docs/how-to-add-custom-css-for-specific-pages/#:~:text=Just%20open%20the%20page%20where,this%20class%20in%20your%20selectors.
FetchV Chrome Extension for blob/m3u8/hls videos
What i Have to Learn
Wordpress Hooks
PHP Basic Knowledge
Javascript Basic Knowledge
Common Bug Fixes In WordPress
Plugin & theme add new option is not showing?
Go to Cpannel/hpannel>file manager>public-html>wp-config.php> scrolldown>last to option edit true to false
If Theme Editor option is not showing
Go to cpanel/files/config.php – make sure |    define( 'DISALLOW_FILE_EDIT', false );    |
Direct checkout link of product:
https://returnastic.com/checkout/?add-to-cart=47
Direct Cart Link
https://livethecorporatelifestyle.com/cart/?add-to-cart=691
Link one button to another page specific section:
https://returnastic.com/about/#table
How to add external page (Php or any language) to wordpress:
1. Install Wp Code plugin and add the page snippet (HTML,CSS, JS, PHP) all to gather and select universal instead of HTML in snippet language
2. Always get a short code instead of Auto insert
3. Paste that code on a new page and Hurrah. You can make a section if you want to add it as a section
My Recommended Blogs:
For my own blog Websites I will follow this site & its single blog page and it is the best guide and have all important plugin names:
RyRob.com: A Blog by Ryan Robinson | Learn to Blog and Make Money on the Internet

And
Simply better hosting for WordPress.

For CSS Tricks
Advanced Tutorials: Empowering Elementor Users

For Adsense Approval Of a Blog  Read this article
https://www.shoutmeloud.com/how-to-get-google-adsense-approval-new-blog.html#:~:text=Google%20Adsense%20doesn't%20approve%20blogs%20if%20they%20lead%20to,others%20directory%20without%20their%20permission.
40 ways to make money with wordpress blog:
https://www.wpbeginner.com/beginners-guide/make-money-online/#sell-ads-directly
Plugins:
Custom Thank you page - plugin
YITH WooCommerce Customize My Account Page Premium
Force Authentication Before Checkout for WooCommerce
Checkout Files Upload for WooCommerce
Woocommerce email customizer
Decorator: Woocommerce email customizer
WooCommerce Order Status Manager
Custom Thank You for WooCommerce
WooCommerce Product Table for Showing services or products in table with AddCart option
Redirection
Loginpress Pro
Wp Mail SMTP - if form is not sending mails- Showing Error (Setup: )
Premium Addons for Elementor - to create mega menu for free
Wp Rocket Pro - The best plugin for speed optimization {Follow GT Matrix Guidelines}
Cartfolows - for checkout page design & multi-step checkout
MultiStep Checkout for WooCommerce {free}
Checkout field editor - for editing any field or adding new field in checkout page
WooCommerce Cart Abandonment Recovery - for follow up emails on checkout
WPS Hide Login
Limit Login Attempts
Antimalware by Gotmls
AIOSEO
WP Content Copy Protection & No Right Click
Variation Swatches for WooCommerce
Product Filter by WooBeWoo - Used at bjbetterbuy
Floating Chat Widget: Contact Chat Icons, Telegram Chat, Line Messenger, WeChat, Email, SMS, Call Button – Chaty
WPCode plugin - For Header Code Putting (Add code in Header)
WC Captcha
Calendly (Not Plugin but a website used for scheduling)
Wp File Manager
WooCommerce Email Customizer with Drag and Drop Email Builder
Product Addons for Woocommerce – Product Options with Custom Fields
Adding Custom Code(Also PHP Snippets) with the WPCode Plugin (Easy) {Note: The WPCode method is useful for snippets that need to be added to the functions.php file, header.php or footer.php. This comes in handy when you need to add a tracking code for Google Analytics, Facebook Pixel, Google AdSense, and more to your website.} and lets you upgrade or change your theme without worries.
Fluent Forms - For Conditional logic in form - Free Method
Braintree fraud tool - has the ability to control Cards fraud
WOoCommerce Fraud plugin (Paid)
Flyout - Floating Elements
cookieYes Plugin
Woocommerce addons: For adding extra options to product page
AnyWhere Elementor Pro - To Make section with any other builder and show in elementor page!
Direct checkout, WooCommerce Single page checkout , WooCommerce One page checkout
Qi addons for free blog courosel/slider
CPT UI + ACF - Free Alternative for creating custom post type like jet engine
Publishpress for multiple authors
Ultimate Member - For Account, login, signup, hiding contemt
Extensions for Elementor Form
Yith Woocommerce Wishlist + EAE - For Automatic wishlist in products
GiveWp - Donation Plugin
Essential Addons- Best Flip (Also directly support templates)
Royal Addons - Free Testimonial Carousel  (Also directly support templates) + Onepage Nav+ Button + Dual Button + Scroll Top text button + Phone call fixed button
User Registration for account page
Ultimate member
Elements Kit Image box for hover button
Wp google reviews slider
(Use this code in Custom Css for rating alignment
p.wprevpro_t1_P_3.wprev_preview_tcolor1_T1 { display: flex; flex-direction: column; })
Car or product suggesting plugin _ https://www.welaunch.io/en/product/wordpress-form-wizard/
Sucuri Security - Auditing, Malware Scanner and Hardening
Advanced Product Fields (Product Addons) for WooCommerce
GTranslate
WP Go Maps (Without API Keys)- Multi Markers at Maps
Store Locator Plus® for WordPress
Elementskit + jkit- The best Accordions
TI WooCommerce Wishlist
User Registration – Custom Registration Form, Login Form And User Profile For WordPress for creating woocommerce role based registration forms and much more also i used in canadian kids
Product Table for WooCommerce by CodeAstrology Free
User Menus – Nav Menu Visibility
Parcel Panel Order Tracking for WooCommerce
YITH WooCommerce Subscription
Extra product options For WooCommerce | Custom Product Addons and Fields
HM Multiple User Roles
Page Restriction WordPress (WP) – Protect WP Pages/Post
Wp login form
Check & Log email
CSS Hero Paid
Order Bump Plugin for Checkout page show product/Upsells
Helpful Websites & Apps:
Writesonic for Writing Description and much more including ecommerce
Gologin for anti detecting ip
Media.io For text to speech and human show
Breeze Extension - For mobile responsive view
SEO WEbsites and Tools:
Hubspot grador: Free tool
Gtmetrix : free
Ubber suggest : Paid
Semrush: Paid
Every Website Essentials:
Wordfense
Wps hide login
Limit login attempts
Wp rocket
Wp optimize
AIOSEO
If not have elementor pro then jugars:
Master addons for – custom css
Royal addons for -  most of pro features for free
Gwizacademy
Get free plugins
My all Social Media Links:
Facebook:
https://www.facebook.com/zaibwp
Instagram:
https://www.instagram.com/zaibsyedd/
Linkedin:
https://www.linkedin.com/in/zaibsyedd/
Behance:
https://www.behance.net/shahzaibhassan01
Fiverr:
Upwork:
https://www.upwork.com/freelancers/~01f3a07385acbb133d?viewMode=1
On canadian Kids Mega Menu - Royal Addons
Best Youtube Channels:
Matt-wpress doctor
Freelance pakistan
Nayyar shaikh
Living with pixels
Make dream website
Powerful CSS, HTMl, Javascript Resources for free
Codepen.io
Cssbuttons.io
Neumorphism.io
Fancy border radius generator
cssgradient.io
MY DESIGNED WEBSITES LIST - TECHUP
  1. https://tariqjuneja.com/
  2. https://canadiankidspod.ca/
  3. Agarta Fattoria Mayor
  4. https://zafariqbal.pk/
  5. https://mestresdomar.com/
  6. https://myqoach.com/
  7. https://fayyazfayzi.com/home-page-dark-background-sample/
  8. https://herbalhighsaustralia.com/
  9. https://teleflower.us/
10. https://paktaxcalculator.pk/
11.
12.
CSS Codes
Hide Show Section on Button Click
https://thetemplace.com/hide-and-show-elementor-sections/
Show button on hover:

Code:
…….
selector {
    --height: 400px;
    --bottom: -300px;
    overflow: hidden !important;
}
selector .main-info{
    bottom: 0;
    transition: .5s ease-in-out;
}
/*Hover Hide/Show CSS*/
selector .main-info{
    bottom: var(--bottom);
}
selector:hover .main-info{
    bottom: 0px;
}
…..
……………………………………………………………………………………………………………………………………………………………….
Remove Extra Space Sidebar:
For Mobile:

@media only screen and (max-width: 768px){
    html,
    body{
    width:100%;
    overflow-x:hidden;
    }
}
For Desktop:
  html,
    body{
    width:100%;
    overflow-x:hidden;
    }
………………………………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………………………….
Text Editor Inner Space Remove:
p:last-child{
    margin-bottom: 0px
}
………………………………………………………………………………………………………………………………………………………………
VS CODE SHORTCUTS
ctrl+/ for comment
MIX
Yes, you can transfer the websites without losing data by following below steps.
1. Download the backups of files, databases and emails:
How to download backups / How to export emails using Hostinger Webmail?
2. Remove the domain from the original plan:
How to remove the domain from the plan
3. Add the domain to the new plan:
How to add a domain to the plan
4. Upload the files and databases to the new plan:
How to upload backup at Hostinger?
5. Recreate the emails and import backups:
How to create emails account in hPanel? / How to import emails using Webmail?
Create A company in UK:
Urban VPN
Go to {https://find-and-update.company-information.service.gov.uk/} ..>  Dissolved Company …> Write any name e.g Alpha ..> Find any uk Address {Must be house} …> search in google view location > Save the address for uk company ..> Go here {https://www.gov.uk/limited-company-formation/register-your-company} Register & pay 12 ponds
Create paypal business account from pakistan:
Urban VPN
Vyke Number
Australia Visa:
Washington Accord uni
https://immi.homeaffairs.gov.au/visas/getting-a-visa/visa-listing/skilled-employer-sponsored-regional-494
https://immi.homeaffairs.gov.au/visas/getting-a-visa/visa-listing/skilled-recognition-graduate-476
Main site:
https://immi.homeaffairs.gov.au/visas/getting-a-visa/visa-listing
How to copy any website, theme template
Ht track Website copier
Also app and for pc
Passwords to save:
Cloudflare
Zaibsyedd
*#522%&zZ
Today Post:
Hacked WordPress Website Recovery
Step1: Checking if a website is hacked:
isithacked.com
Urlscan.io
hackertarget.com/wordpress-security-scan (Also created Security Audit Report)
        Css Notes by Shahzaib
Text-align: center, left, right
Text-transform: capitlize, uppercase, lowercase
Text-decoration: none, line-through, overline, underline
Text-indent: first line of paragraph difference
Text-shadow: 3px 3px 3px #ababab
a{
To style a link
}
a:link - a normal, unvisited link
a:visited - a link the user has visited
a:hover - a link when the user mouses over it
a:active - a link the moment it is clicked
Font-style: italic, normal,
Font-weight: normal,bold

font: italic small-caps bold 12px/30px Georgia, serif;

Table–

border-collapse: collapse;

width: 100%

Display: none

Visibility: hidden;

Display: inline, block, none

Position: static, relative, fixed, absolute, sticky

<div – relative>

<. Element– absolute>

Overflow: visible, hidden, scroll, auto

Overflow-x and overflow-y

float : left, right, none

::selection

Font Families

Rochester

Shalimar

Open Sans

Manrope

Overpass

Gotham Black

Business – Idea

Names Ideas:

Choos – Straw Lga k choos

Eatole

Bokuk

Stirfy

Speyece

Grillch

Grillp

PLIXD

MIDNISH

SOPEEZY

Business Niche:

1. Warra Pao
2. Fresh Fruit Shake
3. Poratha Sandwich

4.

\

Commands:

Ok now give you same commead

Generate cutting-edge, A-Z code for the File Converter tool, optimized for WordPress integration.

Guidelines:

Craft a visually stunning design with seamless animations for maximum user engagement.

Guarantee flawless responsiveness across all devices.

Prioritize code optimization for lightning-fast performance and minimal DOM footprint.

Implement captivating buttons, fields, and links with dynamic hover effects.

Incorporate comprehensive comments for effortless code customization.

Integrate advanced functionalities to surpass competitors' offerings.

Generate a code for File Converter.

Please Note:

1. Please Create code A- Z. Mean you need to create HTML, CSS and if Required JS and PHP.
2. I will use this code on wordpress to create tool pages
3. The design should be very very modern and creative with proper styling and animation so users enjoy that
4. The design must must must be mobile friendly and all devices friendly
5. Code should be optimized and possible minumum dom size. Means to say It should be optimized for high speed
6. The button, fields link should be very modern and attarctove with proper hover effects
7. Also please add comments in code where needed to make code very edit friendly
8. Try to add advance features that other competors websites lack

Plugins

Plugins:

Custom Thank you page – plugin

YITH WooCommerce Customize My Account Page Premium

Force Authentication Before Checkout for WooCommerce

Checkout Files Upload for WooCommerce

Woocommerce email customizer

Decorator: Woocommerce email customizer

WooCommerce Order Status Manager

Custom Thank You for WooCommerce

WooCommerce Product Table for Showing services or products in table with AddCart option

Redirection

Loginpress Pro

Wp Mail SMTP – if form is not sending mails- Showing Error (Setup: )

Premium Addons for Elementor – to create mega menu for free

Wp Rocket Pro – The best plugin for speed optimization {Follow GT Matrix Guidelines}

Cartfolows – for checkout page design & multi-step checkout

MultiStep Checkout for WooCommerce {free}

Checkout field editor – for editing any field or adding new field in checkout page

WooCommerce Cart Abandonment Recovery – for follow up emails on checkout

WPS Hide Login

Limit Login Attempts

Antimalware by Gotmls

AIOSEO

WP Content Copy Protection & No Right Click

Variation Swatches for WooCommerce

Product Filter by WooBeWoo – Used at bjbetterbuy

Floating Chat Widget: Contact Chat Icons, Telegram Chat, Line Messenger, WeChat, Email, SMS, Call Button – Chaty

WPCode plugin – For Header Code Putting (Add code in Header)

WC Captcha

Calendly (Not Plugin but a website used for scheduling)

Wp File Manager

WooCommerce Email Customizer with Drag and Drop Email Builder

Product Addons for Woocommerce – Product Options with Custom Fields

Adding Custom Code(Also PHP Snippets) with the WPCode Plugin (Easy) {Note: The WPCode method is useful for snippets that need to be added to the functions.php file, header.php or footer.php. This comes in handy when you need to add a tracking code for Google Analytics, Facebook Pixel, Google AdSense, and more to your website.} and lets you upgrade or change your theme without worries.

Fluent Forms – For Conditional logic in form – Free Method

Braintree fraud tool – has the ability to control Cards fraud

WOoCommerce Fraud plugin (Paid)

Flyout – Floating Elements

cookieYes Plugin

Woocommerce addons: For adding extra options to product page

AnyWhere Elementor Pro – To Make section with any other builder and show in elementor page!

Direct checkout, WooCommerce Single page checkout , WooCommerce One page checkout

Qi addons for free blog courosel/slider

CPT UI + ACF – Free Alternative for creating custom post type like jet engine

Publishpress for multiple authors

Ultimate Member – For Account, login, signup, hiding contemt

Extensions for Elementor Form

Yith Woocommerce Wishlist + EAE – For Automatic wishlist in products

GiveWp – Donation Plugin

Essential Addons- Best Flip (Also directly support templates)

Royal Addons – Free Testimonial Carousel (Also directly support templates) + Onepage Nav+ Button + Dual Button + Scroll Top text button + Phone call fixed button

User Registration for account page

Ultimate member

Elements Kit Image box for hover button

Wp google reviews slider

(Use this code in Custom Css for rating alignment

p.wprevpro_t1_P_3.wprev_preview_tcolor1_T1 { display: flex; flex-direction: column; })

Car or product suggesting plugin _ https://www.welaunch.io/en/product/wordpress-form-wizard/

Sucuri Security – Auditing, Malware Scanner and Hardening

Advanced Product Fields (Product Addons) for WooCommerce

GTranslate

WP Go Maps (Without API Keys)- Multi Markers at Maps

Store Locator Plus® for WordPress

Elementskit + jkit- The best Accordions

TI WooCommerce Wishlist

User Registration – Custom Registration Form, Login Form And User Profile For WordPress for creating woocommerce role based registration forms and much more also i used in canadian kids

Product Table for WooCommerce by CodeAstrology Free

User Menus – Nav Menu Visibility

Parcel Panel Order Tracking for WooCommerce

YITH WooCommerce Subscription

Extra product options For WooCommerce | Custom Product Addons and Fields

HM Multiple User Roles

Page Restriction WordPress (WP) – Protect WP Pages/Post

Wp login form

Check & Log email

CSS Hero Paid

Order Bump Plugin for Checkout page show product/Upsells

Chatway Live Chat – Customer Support, FAQ & Helpdesk Customer Service & Chat Buttons (The best live chat plugin)

What a great plugin for wordpress code (Plugins+ theme + everything) Search: String Locatorhttps://wordpress.org/plugins/string-locator/

Helpful Websites & Apps:

Writesonic for Writing Description and much more including ecommerce

Gologin for anti detecting ip

Media.io For text to speech and human show

Breeze Extension – For mobile responsive view

SEO WEbsites and Tools:

Hubspot grador: Free tool

Gtmetrix : free

Ubber suggest : Paid

Semrush: Paid

Every Website Essentials:

Wordfense

Wps hide login

Limit login attempts

Wp rocket

Wp optimize

AIOSEO

If not have elementor pro then jugars:

Master addons for – custom css

Royal addons for – most of pro features for free

Gwizacademy

Get free plugins