 Latest news, tutorials, and best practices for Magento

Blogs In {category_name}

Stay updated with the latest Magento news, tutorials, and expert tips. Learn best practices to grow your store with insights from FMEextensions.

Magento Blog by FMEextensions | Tips, Tutorials & Insights

FME Extensions Blog

<p>Cyber Monday & Black Friday Sale: 25% off on All products. <strong style='font-weight: 800'>Coupon code: FMECM2025</strong></p>

Enter your email and join our blog newsletter

Partner with us this year and get up to 40% discounts

Enjoy 40% Off 

Magento Color Swatches is one of the Magento Modules that enhances user experience. This blog describes how it can be used to change product attributes 

Color swatches - Magento Color Swatches

Universal Shop Magento Theme

Creating a Charm in your Website

How to use Magento Color Swatches to change Product attributes

Subscribe Our Newsletter

Magento 2 Extensions

Services

Support

Blog

HomePage Categories FME Extensions View

GraphQL Compatible M2 Extensions

Cache Warmer

Restrict Fake Registration

Delete Account

Hyva Compatible Magento 2 Extensions

Minimum Order Amount For Customer Group

Catalog

Multi Select Layered Navigation

Smart Compare

Improved Sorting

Administration

Restore Canceled Order

SMTP

Image & Media

Social Media Feed

Background Images

Custom Popups

Content Management

Jobs Manager

SEO Friendly Blog Extension

Customer Reviews & Testimonials

Cart & Checkout

Smart Wishlist

Distance Based Shipping

Product Pricing 

Hide Price For Guest

Customer Group Pricing

Product Inquiry

Marketing & SEO

Cross Links

(Ultimate Pack) SEO Extension

SEO Meta Tags Templates

Sales & Promotions

Magento 2 WhatsApp Chat 

WhatsApp Share

Frequently Bought Together

Website Security - Geoip

Auto Currency Switcher

Restrict Products by Customer Group

Speed Optimization

WebP Images Extension

Image Clean

User Experience

Lookbook

Mobile OTP Login

Limit Order Quantity Per Category

Integrations

Xero Integration

Legal

GDPR

Free

Free Promo Popup

Magento 2 Refund Request

Free Google Maps Store Locator

Magento Outsourcing Services

Magento Code Audit Services

Magento Performance Audit Services

Count on our Magento experts to address your queries.

Our Support Team is available 9am - 6pm GMT+5

Reach out to us and share your interests with our team.

Got a project ? Fill out our request for a quote form.

See our FAQs to get an Instant answer to your question.

Ensure your Magento store success with our expert support and maintenance services.

With the Magento 1x support now expired, getting your old Magento upgraded is not just imperative for your business’s lifeline, but mandatory by order.

FME extensions offers services of fresh installation of the latest Magento release on your hosting server. These Magento Installation Services do not include any upgrades. However, if you are interested in acquiring our Magento Upgrade Services please Contact Us  through Request for Quote and tell us about the customizations or extensions that you have installed.

FME Extensions’ aim is to provide its clients with the latest and most premium services for their Online Stores! Providing all the data needed for this process, you allow us to perform this task in the quickest and most productive way. The Magento Theme Installation process normally takes up to 2 business days if there are no complications. The experienced developers working for us at FME perform the Magento Theme Installation service in a way that it guarantees to avoid any technical problems at the very beginning.

FME Extensions offer store owners the most incomparable services to improve their Online Store standards and increase their sales. Our expert designers can create a Custom Magento Store Design for you based on your requirements. These designs are composed from the scratch and store owners are provided with the source files once the design is determined. Store owners can also hire us to amalgamate the Design into our Shopping Cart.

A premier Magento solutions provider, FME is a 360-degree Magento development powerhouse.

try {
  (function () {

    function safeRun(fn) {
      try { fn(); } catch (e) { console.error(e); }
    }

    let cartObserver = null;
    let tocObserver = null;

    /* -------------------------------
       UTILITY FUNCTIONS
    --------------------------------*/
    function normalizeText(str) {
      return str
        .replace(/^\d+(\.\s*)?/, "") // remove leading numbers like "1. " or "10 "
        .replace(/\s+/g, " ")        // collapse multiple spaces
        .trim()
        .toLowerCase();               // lowercase for safe comparison
    }

    /* -------------------------------
       BUILD TABLE OF CONTENTS
    --------------------------------*/
    function applyH3TocClasses() {
      const content = document.querySelector(".blog_content_sec div[data-appearance='default']");
      const tocContainer = document.querySelector(".blog_toc_list");
      if (!content || !tocContainer) return;

      const headings = [...content.querySelectorAll("h2, h3")];
      const tocItems = [...tocContainer.querySelectorAll("li")];

      headings.forEach(h => {
        if (h.tagName.toLowerCase() === "h3") {
          const hText = normalizeText(h.innerText);
          const li = tocItems.find(li => normalizeText(li.innerText) === hText);
          if (li) li.classList.add("h3-toc");
        }
      });
    }

    function setupTocClick() {
      const tocContainer = document.querySelector(".blog_toc_list");
      if (!tocContainer) return;

      // Prevent adding multiple listeners
      if (tocContainer.dataset.clickSetup === "yes") return;
      tocContainer.dataset.clickSetup = "yes";

      tocContainer.addEventListener("click", (e) => {
        const li = e.target.closest("li");
        if (!li) return;

        const tocItems = [...tocContainer.querySelectorAll("li")];
        tocItems.forEach(item => item.classList.remove("active-toc"));
        li.classList.add("active-toc");

        // Reapply h3-toc in case Next.js re-rendered
        safeRun(applyH3TocClasses);
      });
    }

    function modifyTableOfContents() {
      safeRun(() => {
        applyH3TocClasses();
        setupTocClick();
      });
    }

    /* -------------------------------
       CART PAGE LOGIC
    --------------------------------*/
    function initCartCleanup() {
      const target = document.querySelector(".empty_cart_prod_list");
      if (!target) return;

      if (cartObserver) cartObserver.disconnect();

      cartObserver = new MutationObserver(() => {
        const cards = document.querySelectorAll(".empty_cart_prod_list .prod_card");

        cards.forEach((card) => {
          const nameEl = card.querySelector(".prod_name");
          const priceEl = card.querySelector(".prod_price");

          let removeCard = false;

          if (nameEl) {
            const name = nameEl.textContent.replace(/\s+/g, " ").trim();
            if (name.endsWith("M1")) removeCard = true;
          }

          if (priceEl) {
            const raw = priceEl.textContent.replace(/[^0-9.]/g, "").trim();
            const price = parseFloat(raw || "0");
            if (price === 0) removeCard = true;
          }

          if (removeCard) card.remove();
        });
      });

      cartObserver.observe(target, { childList: true, subtree: true });
    }

    /* -------------------------------
       URL CHANGE HANDLER
    --------------------------------*/
    function onUrlChange(callback) {
      let lastUrl = window.location.href;

      function handleChange() {
        const newUrl = window.location.href;
        if (newUrl !== lastUrl) {
          lastUrl = newUrl;
          callback(newUrl);
        }
      }

      window.addEventListener("popstate", handleChange);
      window.addEventListener("pushstate", handleChange);
      window.addEventListener("replacestate", handleChange);

      const push = history.pushState;
      history.pushState = function () {
        push.apply(this, arguments);
        window.dispatchEvent(new Event("pushstate"));
      };

      const replace = history.replaceState;
      history.replaceState = function () {
        replace.apply(this, arguments);
        window.dispatchEvent(new Event("replacestate"));
      };
    }

    /* -------------------------------
       ON URL CHANGE — SAFE ACTIONS
    --------------------------------*/
    onUrlChange((url) => {
      safeRun(() => {
        if (url.includes("/blog/")) modifyTableOfContents();
        if (url === "https://www.fmeextensions.com/cart") initCartCleanup();
      });
    });

    /* -------------------------------
       INITIAL RUN
    --------------------------------*/
    safeRun(() => {
      if (window.location.href.includes("/blog/")) modifyTableOfContents();
      if (window.location.href === "https://www.fmeextensions.com/cart") initCartCleanup();
    });

    /* -------------------------------
       TOC OBSERVER (SAFE)
    --------------------------------*/
    tocObserver = new MutationObserver(() => {
      const toc = document.querySelector(".blog_toc_list");
      if (toc) modifyTableOfContents();
    });

    tocObserver.observe(document.body, { childList: true, subtree: true });

  })();
} catch (e) {
  console.error(e);
}
