Смотря как этот текст выводится. Если через бэк, то пхп тег переместить. Если через фронт, то просто блок переместить + стили подогнать. Нужна помощь в перемещении ?
Отцентрируй вектор в блоке(блок шириной добжен быть больше чем вектор+текст)тексту display none при hover display block и transition задай ему, и он будет плавно смещаться. Есть ещё один вариант.
Выдели текст в блок, блоку width 0 overflow hidden и при ховере меняй на 100% и auto + transition
Создай отдельный файл и через пропсы прокидывай.
Но вообще можно и дублировать стиль. Но он же занимает место !
Если проэкт будет двигаться по позициям в поисковой выдачи, то для робота важна скорость загрузки страницы. Возмжно эти десятки строчек будут отделять твой сайт от первого места )
function a() {
let self = this; // widnow
console.log(this);
var fn = function () {
console.log(this); //widnow
console.log(self); // function a - widnow
};
fn();
}
a();
Для добавление товара в корзину, нужна регистрация ? Если да, то сделай не при регистрации на стороне клиента, а при регистрации подгрузить корзину со стороны клиента в бд
Возможно твой браузер не поддерживает данный формат картинки, используй конвентатор, а вообще лучше генерить картинку в теге picture, для проверки поддержки картинки, используй этот ресурс, введи туда формат картинки https://caniuse.com/?search=webp
