- [Case Studies](https://www.mergado.com/category/case-studies)
- [eCommerce tips](https://www.mergado.com/category/ecommerce-tips)
- [Online Store Solutions and Platforms](https://www.mergado.com/category/online-store-solutions-and-platforms)
- [Mergado Pack](https://www.mergado.com/category/mergado-pack)
- [Mergado tips](https://www.mergado.com/category/mergado-tips)
- [Mergado News](https://www.mergado.com/category/mergado-news)
- [eCommerce News](https://www.mergado.com/category/ecommerce-news)
- [How to use Mergado](https://www.mergado.com/category/how-to-use-mergado)
- [Interviews with e‑commerce gurus](https://www.mergado.com/category/interviews-e-commerce-gurus)
- [Extensions](https://www.mergado.com/category/apps-bidding-image-marketing-and-more)
- [Expansion with Mergado](https://www.mergado.com/category/expansion-with-mergado)
- [Mergado Lifestyle](https://www.mergado.com/category/mergado-lifestyle)
1. [ Home ](https://www.mergado.com/)
2. [ Mergado Blog ](https://www.mergado.com/blog)
3. [ eCommerce News ](https://www.mergado.com/category/ecommerce-news)
4. **Specify GLAMI material composition easily with Mergado**
# **Specify GLAMI material composition easily with Mergado**
[  Lukáš Horák ](https://www.mergado.com/blog/lukas-horak) [eCommerce News](https://www.mergado.com/category/ecommerce-news)
15. 7. 2019
2 minutes read
The mandatory support for the PERCENTAGE tag, which [GLAMI](https://www.glami.de/) commences from **August 1**, is a **big e‑commerce theme** these days. Mergado is going to **support the** **GLAMI material composition specification** with the current release on July 11 at 4 pm.
function tableOfContents() {
return {
headings_menu: [],
heading_active: '', // Added to track the active section
shouldBeSticky: false,
generateToC() {
const headings = document.querySelectorAll('.js-article-full-headings h2, .js-article-full-headings h3');
let headingMap = {};
headings.forEach((heading) => { // Use an arrow function to maintain `this` context
// Normalize heading text to remove diacritics, then replace non-alphanumeric characters with dashes
var normalizedText = heading.textContent.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); // Remove diacritics
var id = heading.id ? heading.id : normalizedText.trim().toLowerCase()
.split(' ').join('-').replace(/[^a-z0-9\-]/ig, ''); // Updated regex to replace non-alphanumeric characters
headingMap[id] = headingMap[id] !== undefined ? ++headingMap[id] : 0;
// Use the updated `id` with diacritics removed for the heading id and the TOC
const finalId = headingMap[id] ? `${id}-${headingMap[id]}` : id;
this.headings_menu.push({
id: finalId,
title: heading.textContent,
level: heading.tagName.toLowerCase(), // Track heading level
active: false, // Initially set active to false
});
heading.id = finalId;
});
},
checkStickyNeeded() {
const ul = this.$el.querySelector('ul');
if (ul) {
this.shouldBeSticky = ul.scrollHeight < window.innerHeight;
}
},
setActiveHeading() {
// disabled not working with active state on click
// add @scroll.window="setActiveHeading()" to the parent div
// const headings = document.querySelectorAll('.js-article-full-headings h2');
// let activeHeading = '';
// let closestHeadingDistance = Infinity;
// headings.forEach((heading) => {
// const rect = heading.getBoundingClientRect();
// const offset = rect.top - window.innerHeight / 2; // Consider heading in the middle of the screen as active
// if (offset < 0 && Math.abs(offset) < closestHeadingDistance) {
// activeHeading = heading.id;
// closestHeadingDistance = Math.abs(offset);
// }
// });
// // Update the active state in headings_menu
// if (activeHeading !== this.heading_active) {
// this.headings_menu = this.headings_menu.map(item => ({
// ...item,
// active: item.id === activeHeading,
// }));
// this.heading_active = activeHeading;
// }
},
setActiveItem(clickedId) {
this.headings_menu.forEach(item => {
item.active = (item.id === clickedId);
});
this.heading_active = clickedId; // Optionally update the heading_active property if used
},
};
}
1. —
The mandatory support for the PERCENTAGE tag, which [GLAMI](https://www.glami.de/) commences from **August 1**, is a **big e‑commerce theme** these days. Mergado is going to **support the** **GLAMI material composition specification** with the current release on July 11 at 4 pm. Let’s see how to set everything up properly.
## You need to create new elements
In order for GLAMI to process information about the materials from which your goods are made, the XML feed needs to be **structured in one of two ways**:
### Way 1
[  ](https://www.mergado.com/sites/default/files/perm/paragraph-image/en-obr1.png)
To achieve this XML feed structure, you need to:
**1. create two new elements** on the Mergado *Elements* page:
**PARAM|material|cotton**
**PARAM|material|elastane**
2\. **fill these elements with a value** — e.g. *Overwrite*, *Overwrite in Bulk* or *Rename Values in Bulk* rules
3\. the element named “PARAM|material|cotton” is **assigned a value** of 90% for the specific query (i.e. the products concerned) and the second “PARAM|material|elastane” 10%
### Way 2
[  ](https://www.mergado.com/sites/default/files/perm/paragraph-image/en-obr2.png)
In the second option to set the XML feed structure in Mergado:
1\. it is necessary to add the PARAM|material element on the Elements page **several** **times** and **add** **numbering** for more elements with the same name:
**PARAM|material|1**
**PARAM|material|2**
**etc.**
2\. consequently, by means of queries and rules, we must **again fill the values** into individual elements
3\. element “PARAM|material” is **assigned** “90% cotton” and “PARAM|material|1” for “10% elastane”
And that’s all. If you follow the instructions in our manual, you will place information about the materials of your goods to GLAMI **in a simple way**.
### **You could be also interested in:**
[ 
### MASTER PROMPT TEMPLATE FOR ECOMMERCE
](https://www.mergado.com/blog/master-prompt-eshopy-b2c)
[ 
### How Feed Optimization Unlocked Meta Ads Performance without Increasing Ad Spend
](https://www.mergado.com/blog/feed-optimization-for-meta-ads)
[ 
### How to Sell Successfully on idealo
](https://www.mergado.com/blog/successful-sale-on-idealo)
[  ](https://www.mergado.com/blog/lukas-horak)### [ Lukáš Horák ](https://www.mergado.com/blog/lukas-horak)
Lukáš takes care of most of the Czech and English communication in Mergado. Through blogs, e‑mail, and social networks, he regularly supplies readers with e‑commerce news and news and tips from Mergado. In his time off, he enjoys simple things like badminton, digging the hidden gems of the 80’s, and seafood served with red wine.
## What you *might be interested in next*
[ 
### How to Sell Successfully on idealo
](https://www.mergado.com/blog/successful-sale-on-idealo)
[ 
### More regulation in e‑commerce: what is EAA and what does it mean for your online business?
](https://www.mergado.com/blog/bfsg-european-accessibility-act)
[ 
### Introducing smart value insertion. It will speed up the creation of bulk rules
](https://www.mergado.com/blog/smart-value-insertion)
## Don’t miss *anything*
Sign up for our newsletter
By logging in, you agree that we will process your data by the [terms of personal data protection](https://www.mergado.com/cookies).
Thank you, you have successfully joined our subscriber's list.
function ml_webform_success_5807248() {
var r = ml_jQuery || jQuery
r('.ml-subscribe-form-5807248 .row-success').show(), r('.ml-subscribe-form-5807248 .row-form').hide()
}