Ecommerce Product Entry

How Create/Edit Product Category

Step 1: Go to Products >> Then go to Categories according to below screen shot

Step 2: Go to Categories >> Then go to Categories >> Then Add new category >> To edit click on Edit/Quick Edit button according to below screen shot

How to Add or Change Product Category

Step 1: Go to Products >> All Products

Step 2: Go to All Products >> Then select a product >> Then click on Quict Edit

Step 1: Click on Quick Edit>> Select from Jute from Product categories

How to Create Addon or Subdomain in Different Hosting Server

Oleksii O.

joined the chat

23 Apr 2024, 2:14 PM

Hosting: Please create the following TXT record for the ar.hadisquran.com subdomain to verify the domain name ownership:
Name: ar | Type: TXT | Value: Domain verification

I allowed the domain usage on my end.

Yes, since the domain is registered with a third-party registrar, it can not be verified automatically.

The chat ID is NC-LR-3824. (Ashok N.) 21 May 2024, 4:32 PM

So, please kindly add a third nameserver for your domain. Third nameserver- dns1.web-hosting.com

Gokulakannan M (Here is the chat ID – NC-MI-1087)

To point a domain to the hosting only the A record is enough.

Here is your server IP – 162.0.215.13

Now Add Addon/Subdomain in Namecheap

How To Create a Scroll To Top Button In WordPress

How To Create a Scroll To Top Button

In WordPress, the “Twenty Twenty-Three” theme (if it exists) would likely follow conventions similar to earlier default themes in terms of structure and style. To add a “Back to Top” scroll button without using a plugin, you can manually insert a few lines of code in your theme files. Here’s how:

1. Add the HTML:

Open footer.php in your theme. Before the closing </body> tag, add:

<a id="back-to-top" href="#" class="btn-back-to-top" title="Back to top">&#8679;</a>

the page. The &#8679; part is a Unicode character for the upward arrow, but you can replace it with any text or symbol you prefer.

2. Add the CSS:

Open style.css in your theme and add:

.btn-back-to-top {
position: fixed;
bottom: 50px;
right: 50px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
cursor: pointer;
colour: red;
padding: 10px;
border-radius: 4px;
display: none;
}

.btn-back-to-top:hover {
background-color: #555; /* Color change on hover */
}

This will style your button. The button will be fixed on the bottom right side of your site and will initially be hidden (display: none).

3. Add the JavaScript:

To make the button appear when scrolling down and disappear when near the top, you can use some JavaScript.

Open the footer.php again and before </body>, add:

<script>
    let backToTopButton = document.getElementById("back-to-top");

    window.addEventListener("scroll", () => {
        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
            backToTopButton.style.display = "block";
        } else {
            backToTopButton.style.display = "none";
        }
    });

    backToTopButton.addEventListener("click", function() {
        document.body.scrollTop = 0; // For Safari
        document.documentElement.scrollTop = 0; // For other browsers
    });
</script>

This code listens for scroll events and toggles the visibility of the “Back to Top” button. It also smoothly scrolls you to the top of the page when clicked.

Remember to always backup your website before making changes to theme files, and preferably, create a child theme so your customizations aren’t lost when the main theme updates.