Я думаю, что нашел решение. Он работает с множеством текста и небольшим текстом . Вам не нужно указывать ширину чего-либо, и он должен работать в IE8.
.wrap1 {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
overflow-y: auto;
}
.wrap2 {
display: table;
width: 100%;
height: 100%;
text-align: center;
}
.wrap3 {
vertical-align: middle;
display: table-cell;
}
.wrap4 {
margin: 10px;
}
.dialog {
text-align: left;
background-color: white;
padding: 5px;
border-radius: 3px;
margin: auto;
display: inline-block;
box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
}
Lorem ipsum dolor sit amet.
Я полагаю, вам нужен идентификатор продукта при нажатии кнопки «Добавить в корзину», поэтому вам не нужен пользовательский HTML-код для получения href - если вы включили встроенные переменные нажатия, GTM предоставит вам это бесплатно как { {Click URL}} (если ссылки содержат какую-либо разметку, например, span-элементы вокруг текста, вы должны использовать триггер щелчка «просто ссылки», иначе это может не сработать).
Как и прежде, вы можете разделить переменную и получить последний элемент:
elementAfterLastSlash = {{Click URL}}.split("/").pop();
(split создает массив с помощью разделителя, pop удаляет и возвращает последний элемент).