diff --git a/package.json b/package.json
index 5da2f1714..57922c0ab 100644
--- a/package.json
+++ b/package.json
@@ -47,4 +47,4 @@
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.1.0"
   }
-}
+}
\ No newline at end of file
diff --git a/src/app/article/index.js b/src/app/article/index.js
index 54f037b64..69cc216c6 100644
--- a/src/app/article/index.js
+++ b/src/app/article/index.js
@@ -1,60 +1,203 @@
-import { memo, useCallback } from 'react';
+import { memo, useCallback, useMemo } from 'react';
 import { useParams } from 'react-router-dom';
+import { useDispatch, useSelector as useSelectorRedux } from 'react-redux';
+
+import shallowequal from 'shallowequal';
+
 import useStore from '../../hooks/use-store';
 import useTranslate from '../../hooks/use-translate';
 import useInit from '../../hooks/use-init';
+import useSelector from '../../hooks/use-selector';
+
+import articleActions from '../../store-redux/article/actions';
+import commentsActions from '../../store-redux/comments/actions';
+import userCommentsAction from '../../store-redux/user-comment/actions';
+
 import PageLayout from '../../components/page-layout';
 import Head from '../../components/head';
-import Navigation from '../../containers/navigation';
-import Spinner from '../../components/spinner';
 import ArticleCard from '../../components/article-card';
+import Spinner from '../../components/spinner';
+import HeadLayout from '../../components/head-layout';
+import ArticleComments from '../../components/article-comments';
+import ArticleForm from '../../components/article-form';
+import ArticleAuthMessage from '../../components/article-auth-message';
+import Textarea from '../../components/textarea';
+
+import Navigation from '../../containers/navigation';
 import LocaleSelect from '../../containers/locale-select';
 import TopHead from '../../containers/top-head';
-import { useDispatch, useSelector } from 'react-redux';
-import shallowequal from 'shallowequal';
-import articleActions from '../../store-redux/article/actions';
-import HeadLayout from '../../components/head-layout';
+
+import { textsTreeToList } from '../../utils/texts-tree-to-list';
+import listToTree from '../../utils/list-to-tree';
+import { getLastCommentChildrenId } from '../../utils/get-last-comment-children-id';
 
 function Article() {
   const store = useStore();
-
   const dispatch = useDispatch();
-  // Параметры из пути /articles/:id
-
   const params = useParams();
+  const { t, lang } = useTranslate();
 
   useInit(() => {
-    //store.actions.article.load(params.id);
+    dispatch(commentsActions.load(params.id));
     dispatch(articleActions.load(params.id));
-  }, [params.id]);
+    if (userComment.isOpenFormInComments) {
+      dispatch(userCommentsAction.resetForm());
+    }
+  }, [params.id, lang]);
 
-  const select = useSelector(
-    state => ({
-      article: state.article.data,
-      waiting: state.article.waiting,
-    }),
+  const selectUser = useSelector(state => ({
+    isUserAuth: state.session.exists,
+    userId: state.session.user._id,
+    userName: state.session.user.profile?.name,
+    token: state.session.token,
+  }));
+
+  const { article, comments, userComment, ...state } = useSelectorRedux(
+    state => ({ ...state }),
     shallowequal,
-  ); // Нужно указать функцию для сравнения свойства объекта, так как хуком вернули объект
+  );
 
-  const { t } = useTranslate();
+  useInit(() => {
+    dispatch(userCommentsAction.resetUserCommentStore());
+    dispatch(userCommentsAction.init(selectUser.userId, selectUser.token, params.id));
+  }, [selectUser.token]);
 
   const callbacks = {
     // Добавление в корзину
     addToBasket: useCallback(_id => store.actions.basket.addToBasket(_id), [store]),
+    onCloseFormInComments: useCallback(() => {
+      const commentDefaultData = {
+        parent: {
+          _id: params.id,
+          _type: 'article',
+        },
+        commentAuthorNick: '',
+        userComment: '',
+        isOpenFormInComments: false,
+        lastIdFromCommentTree: '',
+      };
+      dispatch(userCommentsAction.setCommentsData(commentDefaultData));
+    }, []),
+    onChangeCommentData: useCallback(
+      commentData => {
+        const { lastItemId, lastChildFromTree } = getLastCommentChildrenId(
+          commentData.parent._id,
+          comments.data.items,
+        );
+        const data = {
+          ...commentData,
+          isOpenFormInComments: true,
+          lastIdFromCommentTree: lastChildFromTree,
+        };
+
+        dispatch(userCommentsAction.setCommentsData(data));
+      },
+      [comments.data.items],
+    ),
+    onChangeCommentMessage: useCallback(value => {
+      dispatch(userCommentsAction.setUserMessage(value));
+    }, []),
+    onSubmit: useCallback(
+      e => {
+        e.preventDefault();
+        const data = {
+          _id: userComment.userId,
+          text: userComment.userComment.trim(),
+          parent: {
+            ...userComment.parent,
+          },
+          token: userComment.userToken,
+        };
+        
+
+        if (data.text.trim()) {
+          dispatch(commentsActions.addComment(data, selectUser.userName));
+        }
+
+        if (!article.waiting) {
+          callbacks.onCloseFormInComments();
+        }
+      },
+      [userComment],
+    ),
   };
 
+  const options = {
+    comments: useMemo(
+      () => [
+        ...textsTreeToList(
+          listToTree(comments.data.items || [], '_id', 'parent'),
+          (item, count) => ({
+            ...item,
+            paddingL: Math.floor(40 * count),
+          }),
+        ),
+      ],
+      [comments.data.items],
+    ),
+  };
+
+  const disabledBtn = article.waiting || !userComment.userComment.trim();
+
   return (
     <>
       <HeadLayout>
         <TopHead />
       </HeadLayout>
-      <Head title={select.article.title}>
+      <Head title={article.data.title}>
         <LocaleSelect />
       </Head>
       <PageLayout>
         <Navigation />
-        <Spinner active={select.waiting}>
-          <ArticleCard article={select.article} onAdd={callbacks.addToBasket} t={t} />
+        <Spinner active={article.waiting}>
+          <ArticleCard article={article.data} onAdd={callbacks.addToBasket} t={t} />
+          <Spinner active={comments.waiting}>
+            <ArticleComments
+              t={t}
+              userId={userComment.userId}
+              lang={lang}
+              items={options.comments}
+              commentsCount={comments.data.count}
+              lastCommentId={userComment.lastIdFromCommentTree}
+              onChangeCommentData={callbacks.onChangeCommentData}
+              parentId={userComment.parent._id}
+            >
+              {userComment.isOpenFormInComments &&
+                (selectUser.isUserAuth ? (
+                  <ArticleForm
+                    t={t}
+                    title={t('comments.new-answer')}
+                    onCloseForm={callbacks.onCloseFormInComments}
+                    isOpenInComments={userComment.isOpenFormInComments}
+                    onSubmit={callbacks.onSubmit}
+                    isDisabledBtn={disabledBtn}
+                  >
+                    <Textarea
+                      value={userComment.userComment}
+                      onChange={callbacks.onChangeCommentMessage}
+                    />
+                  </ArticleForm>
+                ) : (
+                  <ArticleAuthMessage t={t} />
+                ))}
+            </ArticleComments>
+            {!userComment.isOpenFormInComments &&
+              (selectUser.isUserAuth ? (
+                <ArticleForm
+                  t={t}
+                  title={t('comments.new')}
+                  onSubmit={callbacks.onSubmit}
+                  isDisabledBtn={disabledBtn}
+                >
+                  <Textarea
+                    value={userComment.userComment}
+                    onChange={callbacks.onChangeCommentMessage}
+                  />
+                </ArticleForm>
+              ) : (
+                <ArticleAuthMessage t={t} />
+              ))}
+          </Spinner>
         </Spinner>
       </PageLayout>
     </>
diff --git a/src/app/basket/index.js b/src/app/basket/index.js
index 52a7badfd..e14187817 100644
--- a/src/app/basket/index.js
+++ b/src/app/basket/index.js
@@ -1,8 +1,7 @@
 import { memo, useCallback } from 'react';
-import { useDispatch, useStore as useStoreRedux } from 'react-redux';
+import { useDispatch } from 'react-redux';
 import useStore from '../../hooks/use-store';
 import useSelector from '../../hooks/use-selector';
-import useInit from '../../hooks/use-init';
 import useTranslate from '../../hooks/use-translate';
 import ItemBasket from '../../components/item-basket';
 import List from '../../components/list';
@@ -13,6 +12,7 @@ import modalsActions from '../../store-redux/modals/actions';
 function Basket() {
   const store = useStore();
   const dispatch = useDispatch();
+  const { t } = useTranslate();
 
   const select = useSelector(state => ({
     list: state.basket.list,
@@ -30,8 +30,6 @@ function Basket() {
     }, [store]),
   };
 
-  const { t } = useTranslate();
-
   const renders = {
     itemBasket: useCallback(
       item => (
diff --git a/src/app/index.js b/src/app/index.js
index c54c2afc5..5b3e3a955 100644
--- a/src/app/index.js
+++ b/src/app/index.js
@@ -1,6 +1,4 @@
-import { useCallback, useContext, useEffect, useState } from 'react';
 import { Routes, Route } from 'react-router-dom';
-import useSelector from '../hooks/use-selector';
 import useStore from '../hooks/use-store';
 import useInit from '../hooks/use-init';
 import Main from './main';
@@ -10,16 +8,25 @@ import Login from './login';
 import Profile from './profile';
 import Protected from '../containers/protected';
 import { useSelector as useSelectorRedux } from 'react-redux';
+import useServices from '../hooks/use-services';
+import useTranslate from '../hooks/use-translate';
 
 /**
  * Приложение
  * @returns {React.ReactElement}
  */
 function App() {
+  const services = useServices();
+  const { lang } = useTranslate();
   const store = useStore();
+
   useInit(async () => {
     await store.actions.session.remind();
-  });
+  }, [services.i18n]);
+
+  useInit(async () => {
+    await store.actions.basket.updateBasketListAnotherLang();
+  }, [lang]);
 
   const activeModal = useSelectorRedux(state => state.modals.name);
 
diff --git a/src/app/login/index.js b/src/app/login/index.js
index 32b86daa4..7a4c856dc 100644
--- a/src/app/login/index.js
+++ b/src/app/login/index.js
@@ -34,7 +34,6 @@ function Login() {
     login: '',
     password: '',
   });
-
   const callbacks = {
     // Колбэк на ввод в элементах формы
     onChange: useCallback((value, name) => {
diff --git a/src/app/main/index.js b/src/app/main/index.js
index d9fb1c6c2..054be0a27 100644
--- a/src/app/main/index.js
+++ b/src/app/main/index.js
@@ -13,16 +13,16 @@ import HeadLayout from '../../components/head-layout';
 
 function Main() {
   const store = useStore();
+  const { t, lang } = useTranslate();
 
   useInit(
     async () => {
       await Promise.all([store.actions.catalog.initParams(), store.actions.categories.load()]);
     },
-    [],
+    [lang],
     true,
   );
 
-  const { t } = useTranslate();
 
   return (
     <>
diff --git a/src/app/profile/index.js b/src/app/profile/index.js
index 166d127fb..76043ab05 100644
--- a/src/app/profile/index.js
+++ b/src/app/profile/index.js
@@ -37,7 +37,7 @@ function Profile() {
       <PageLayout>
         <Navigation />
         <Spinner active={select.waiting}>
-          <ProfileCard data={select.profile} />
+          <ProfileCard data={select.profile} t={t} />
         </Spinner>
       </PageLayout>
     </>
diff --git a/src/components/article-auth-message/index.js b/src/components/article-auth-message/index.js
new file mode 100644
index 000000000..cdf01285d
--- /dev/null
+++ b/src/components/article-auth-message/index.js
@@ -0,0 +1,33 @@
+import {memo, useCallback} from "react";
+import { Link, useLocation, useNavigate } from 'react-router-dom';
+
+import './style.css';
+import PropTypes from 'prop-types';
+
+function ArticleAuthMessage({ t = text => text }) {
+  const navigate = useNavigate();
+  const location = useLocation();
+
+
+
+  const callbacks = {
+    onSignIn: useCallback(() => {
+      navigate('/login', { state: { back: location.pathname } });
+    }, [location.pathname]),
+  }
+
+  return (
+    <div className="ArticleAuthMessage">
+      <a className="ArticleAuthMessage-link" onClick={callbacks.onSignIn}>
+        {t('auth.message-link')}
+      </a>
+      {t('auth.message-text')}
+    </div>
+  );
+}
+
+ArticleAuthMessage.propTypes = {
+  t: PropTypes.func.isRequired,
+};
+
+export default memo(ArticleAuthMessage);
diff --git a/src/components/article-auth-message/style.css b/src/components/article-auth-message/style.css
new file mode 100644
index 000000000..ef50923ab
--- /dev/null
+++ b/src/components/article-auth-message/style.css
@@ -0,0 +1,12 @@
+.ArticleAuthMessage {
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 137%;
+  color: #1a2028;
+}
+
+.ArticleAuthMessage-link {
+  color: #6b4acb;
+  cursor: pointer;
+}
diff --git a/src/components/article-card/index.js b/src/components/article-card/index.js
index d636d9f88..2d56ed84e 100644
--- a/src/components/article-card/index.js
+++ b/src/components/article-card/index.js
@@ -13,22 +13,22 @@ function ArticleCard(props) {
       <div className={cn('description')}>{article.description}</div>
       <div className={cn('prop-wrapper')}>
         <div className={cn('prop')}>
-          <div className={cn('label')}>Страна производитель:</div>
+          <div className={cn('label')}>{t('article.country')}:</div>
           <div className={cn('value')}>
             {article.madeIn?.title} ({article.madeIn?.code})
           </div>
         </div>
         <div className={cn('prop')}>
-          <div className={cn('label')}>Категория:</div>
+          <div className={cn('label')}>{t('article.category')}:</div>
           <div className={cn('value')}>{article.category?.title}</div>
         </div>
         <div className={cn('prop')}>
-          <div className={cn('label')}>Год выпуска:</div>
+          <div className={cn('label')}>{t('article.year')}:</div>
           <div className={cn('value')}>{article.edition}</div>
         </div>
       </div>
       <div className={cn('prop', { size: 'big' })}>
-        <div className={cn('label')}>Цена:</div>
+        <div className={cn('label')}>{t("article.price")}:</div>
         <div className={cn('value')}>{numberFormat(article.price)} ₽</div>
       </div>
       <Button style="primary" onClick={() => onAdd(article._id)} title={t('article.add')} />
diff --git a/src/components/article-comments/index.js b/src/components/article-comments/index.js
new file mode 100644
index 000000000..9f8c9faff
--- /dev/null
+++ b/src/components/article-comments/index.js
@@ -0,0 +1,130 @@
+import { createRef, useEffect, useRef, useState } from 'react';
+import { cn as bem } from '@bem-react/classname';
+import PropTypes from 'prop-types';
+import { dateFormat } from '../../utils/date-format';
+
+import './style.css';
+
+function ArticleComments({
+  children,
+  commentsCount = 0,
+  lastCommentId = '',
+  items = [],
+  onChangeCommentData = (x, y, i) => {},
+  t = text => text,
+  lang = 'ru',
+  userId = '',
+}) {
+  const [formPadding, setFormPadding] = useState(0);
+  const [scrollPlace, setScrollPlace] = useState('');
+
+  const cn = bem('Comments');
+  const commentRefs = useRef({});
+
+  const onClickComment = (e, id, type, authorNickname, paddigEl) => {
+    e.preventDefault();
+    const commentData = {
+      parent: {
+        _id: id,
+        _type: type,
+      },
+      commentAuthorNick: authorNickname,
+      userComment: `${t('answer.for')} ${authorNickname} `,
+    };
+    onChangeCommentData(commentData);
+    paddigEl <= 280 ? setFormPadding(paddigEl + 40) : setFormPadding(paddigEl);
+
+    if (scrollPlace === lastCommentId) scrollToComment(scrollPlace);
+  };
+
+  const scrollToComment = commentId => {
+    if (commentId && commentRefs.current[commentId]?.current) {
+      commentRefs.current[commentId].current.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center',
+        inline: 'start',
+      });
+      setScrollPlace(commentId);
+    }
+  };
+
+  useEffect(() => {
+    scrollToComment(lastCommentId);
+  }, [lastCommentId]);
+
+  return (
+    <div>
+      <h4 className={cn('title')}>
+        {t('comments')} ({commentsCount})
+      </h4>
+      {!!commentsCount && (
+        <ul className={cn('list')}>
+          {items.map((item, idx) => {
+            const { text, paddingL, author, dateCreate, _id } = item;
+            commentRefs.current[_id] = createRef();
+            return (
+              <li
+                key={`${text}-${idx}-${_id}`}
+                className={cn('item')}
+                id={_id}
+                ref={commentRefs.current[_id]}
+              >
+                <div style={{ paddingLeft: paddingL }}>
+                  <div className={cn('item', { header: true })}>
+                    <h4 className={userId === author._id ? cn('author') : ''}>
+                      {author.profile.name}
+                    </h4>
+                    <div>{dateFormat(dateCreate, lang)}</div>
+                  </div>
+                  <div className={cn('item', { text: true })}>{text}</div>
+                  <a
+                    className={cn('link')}
+                    onClick={e =>
+                      onClickComment(
+                        e,
+                        _id,
+                        'comment',
+                        author.profile.name,
+                        paddingL,
+                        lastCommentId,
+                      )
+                    }
+                  >
+                    {t('answer.reply')}
+                  </a>
+                </div>
+                <div style={{ paddingLeft: formPadding }}>{lastCommentId === _id && children}</div>
+              </li>
+            );
+          })}
+        </ul>
+      )}
+    </div>
+  );
+}
+
+ArticleComments.propTypes = {
+  commentsCount: PropTypes.number,
+  items: PropTypes.arrayOf(
+    PropTypes.shape({
+      _id: PropTypes.string.isRequired,
+      text: PropTypes.string.isRequired,
+      children: PropTypes.array.isRequired,
+      author: PropTypes.shape({
+        profile: PropTypes.shape({
+          name: PropTypes.string.isRequired,
+        }).isRequired,
+      }).isRequired,
+      paddingL: PropTypes.number,
+      dateCreate: PropTypes.string.isRequired,
+    }).isRequired,
+  ).isRequired,
+  children: PropTypes.node,
+  lastCommentId: PropTypes.string,
+  t: PropTypes.func,
+  lang: PropTypes.string,
+  userId: PropTypes.string,
+  onChangeCommentData: PropTypes.func,
+};
+
+export default ArticleComments;
diff --git a/src/components/article-comments/style.css b/src/components/article-comments/style.css
new file mode 100644
index 000000000..4d9280662
--- /dev/null
+++ b/src/components/article-comments/style.css
@@ -0,0 +1,78 @@
+.Comments-title {
+  font-family: var(--second-font-family);
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 133%;
+  color: #1a2028;
+  text-transform: capitalize;
+  margin-bottom: 24px;
+}
+
+.Comments-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 0;
+  margin-bottom: 24px;
+}
+
+.Comments-item {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  gap: 6px;
+  font-family: var(--second-font-family);
+  line-height: 133%;
+  font-size: 14px;
+  color: #1a2028;
+  padding: 0;
+}
+
+.Comments-item_header {
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+
+  > h4 {
+    font-family: var(--font-family);
+    font-weight: 700;
+    font-size: 12px;
+    line-height: 150%;
+    color: #000;
+  }
+
+  > div {
+    font-family: var(--font-family);
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 150%;
+    color: #666;
+  }
+}
+/* 4b5563 */
+.Comments-author {
+  color: #4b5563 !important;
+}
+.Comments-item_text {
+  font-family: var(--font-family);
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 143%;
+  color: #000;
+  word-wrap: break-word;
+  word-break: break-all;
+}
+
+.Comments-link {
+  font-family: var(--second-font-family);
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 150%;
+  color: #6b4acb;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  text-decoration: none;
+  cursor: pointer;
+}
\ No newline at end of file
diff --git a/src/components/article-form/index.js b/src/components/article-form/index.js
new file mode 100644
index 000000000..741906113
--- /dev/null
+++ b/src/components/article-form/index.js
@@ -0,0 +1,39 @@
+import PropTypes from 'prop-types';
+
+import Button from '../button';
+
+import './style.css';
+
+function ArticleForm({
+  children,
+  title = '',
+  isOpenInComments = false,
+  onCloseForm = () => {},
+  onSubmit = () => {},
+  t = text => text,
+  ...props
+}) {
+  return (
+    <form className="ArticleForm" onSubmit={onSubmit} >
+      <h4>{title}</h4>
+      {children}
+      <div className="ArticleForm-actions">
+        <Button style="primary" type="submit" title={t("comments.btn-send")} isDisabled={props.isDisabledBtn} />
+        {isOpenInComments && (
+          <Button style="outline" type="button" title={t("comments.btn-cancel")} onClick={onCloseForm} />
+        )}
+      </div>
+    </form>
+  );
+}
+
+ArticleForm.propTypes = {
+  t: PropTypes.func.isRequired,
+  title: PropTypes.string,
+  onCloseForm: PropTypes.func,
+  onSubmit: PropTypes.func,
+  isOpenInComments: PropTypes.bool,
+  isDisabledBtn: PropTypes.bool,
+};
+
+export default ArticleForm;
diff --git a/src/components/article-form/style.css b/src/components/article-form/style.css
new file mode 100644
index 000000000..a191c7737
--- /dev/null
+++ b/src/components/article-form/style.css
@@ -0,0 +1,25 @@
+.ArticleForm{
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  width: 100%;
+  min-width: 520px;
+  gap: 16px;
+
+
+  > h4 {
+    font-family: var(--font-family);
+    font-weight: 700;
+    font-size: 16px;
+    line-height: 137%;
+    color: #000;
+    text-transform: capitalize;
+  }
+
+}
+
+
+.ArticleForm-actions {
+  display: flex;
+  gap: 16px;
+}
diff --git a/src/components/basket-tool/index.js b/src/components/basket-tool/index.js
index 8564a9d0b..95dc45d37 100644
--- a/src/components/basket-tool/index.js
+++ b/src/components/basket-tool/index.js
@@ -6,7 +6,7 @@ import Cart from '../../assets/icon/cart.svg';
 import './style.css';
 
 function BasketTool(props) {
-  const { sum = 0, amount = 0, onOpen = () => {}, t = text => text } = props;
+  const { sum = 0, amount = 0, onOpen = () => {}, t = (text, plural) => text } = props;
 
   const cn = bem('BasketTool');
   return (
diff --git a/src/components/button/index.js b/src/components/button/index.js
index 7d1d3d05c..119ceeb39 100644
--- a/src/components/button/index.js
+++ b/src/components/button/index.js
@@ -3,12 +3,12 @@ import PropTypes from 'prop-types';
 import { cn as bem } from '@bem-react/classname';
 import './style.css';
 
-function Button({ onClick = () => {}, title, style, type = 'button' }) {
+function Button({ onClick = () => {}, title, style, type = 'button', isDisabled = false }) {
   const cn = bem('Button');
 
   return (
     <div className={cn()}>
-      <button type={type} className={cn({ style })} onClick={() => onClick()}>{title}</button>
+      <button type={type} className={cn({ style })} onClick={() => onClick()} disabled={isDisabled}>{title}</button>
     </div>
   );
 }
@@ -16,6 +16,7 @@ function Button({ onClick = () => {}, title, style, type = 'button' }) {
 Button.propTypes = {
   onClick: PropTypes.func,
   title: PropTypes.string,
+  isDisabled: PropTypes.bool,
   style: PropTypes.oneOf(['text', 'primary', 'delete', 'outline']),
   type: PropTypes.oneOf(['button', 'submit']),
 };
diff --git a/src/components/button/style.css b/src/components/button/style.css
index 0efc8a896..c54740cd2 100644
--- a/src/components/button/style.css
+++ b/src/components/button/style.css
@@ -39,3 +39,9 @@
     color: var(--primary);
   }
 }
+
+:disabled {
+  pointer-events: none;
+  background: #a996e3;
+  cursor: default;
+}
diff --git a/src/components/profile-card/index.js b/src/components/profile-card/index.js
index 121610ff4..1832548af 100644
--- a/src/components/profile-card/index.js
+++ b/src/components/profile-card/index.js
@@ -3,18 +3,18 @@ import PropTypes from 'prop-types';
 import { cn as bem } from '@bem-react/classname';
 import './style.css';
 
-function ProfileCard({ data }) {
+function ProfileCard({ data, t = text => text }) {
   const cn = bem('ProfileCard');
 
   return (
     <div className={cn()}>
-      <h2 className={cn('title')}>Профиль</h2>
+      <h2 className={cn('title')}>{t('user.profile')}</h2>
       <div className={cn('prop')}>
-        <div className={cn('label')}>Имя:</div>
+        <div className={cn('label')}>{t('user.name')}:</div>
         <div className={cn('value')}>{data?.profile?.name}</div>
       </div>
       <div className={cn('prop')}>
-        <div className={cn('label')}>Телефон:</div>
+        <div className={cn('label')}>{t('user.phone')}:</div>
         <div className={cn('value')}>{data?.profile?.phone}</div>
       </div>
       <div className={cn('prop')}>
@@ -27,6 +27,7 @@ function ProfileCard({ data }) {
 
 ProfileCard.propTypes = {
   data: PropTypes.object.isRequired,
+  t: PropTypes.func.isRequired,
 };
 
 export default memo(ProfileCard);
diff --git a/src/components/select/index.js b/src/components/select/index.js
index c30122de0..beb63eeec 100644
--- a/src/components/select/index.js
+++ b/src/components/select/index.js
@@ -9,7 +9,7 @@ function Select(props) {
   const onSelect = e => {
     onChange(e.target.value);
   };
-
+  
   return (
     <select className={cn({size, text: !!text})} value={value} onChange={onSelect}>
       {options.map(item => (
diff --git a/src/components/textarea/index.js b/src/components/textarea/index.js
new file mode 100644
index 000000000..f13d292d4
--- /dev/null
+++ b/src/components/textarea/index.js
@@ -0,0 +1,39 @@
+import { useCallback, useLayoutEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+
+import debounce from 'lodash.debounce';
+
+import './style.css';
+
+function Textarea(props) {
+  const [value, setValue] = useState(props.value);
+
+  const onChangeDebounce = useCallback(
+    debounce(value => {
+      return props.onChange(value);
+    }, 100),
+    [props.onChange],
+  );
+
+  const onChangeHandler = event => {
+    event.preventDefault();
+    setValue(prev => event.target.value);
+    onChangeDebounce(event.target.value);
+  };
+
+  useLayoutEffect(() => setValue(props.value), [props.value]);
+
+  return (
+    <textarea
+      className="Textarea"
+      value={value}
+      onChange={onChangeHandler}
+    ></textarea>
+  );
+}
+
+Textarea.propTypes = {
+  value: PropTypes.string,
+};
+
+export default Textarea;
diff --git a/src/components/textarea/style.css b/src/components/textarea/style.css
new file mode 100644
index 000000000..d060a6fa3
--- /dev/null
+++ b/src/components/textarea/style.css
@@ -0,0 +1,16 @@
+.Textarea {
+    font-family: var(--font-family);
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 130%;
+    color: var(--main-text);
+    border: 1px solid var(--filter-border);
+    border-radius: 4px;
+    padding: 8px 12px;
+    height: 88px;
+
+    &:focus {
+        outline: none;
+        border: 0.4px solid var(--primary);
+    }
+}
diff --git a/src/config.js b/src/config.js
index 67c72f734..2966fefdf 100644
--- a/src/config.js
+++ b/src/config.js
@@ -18,6 +18,9 @@ const config = {
   api: {
     baseUrl: '',
   },
+  i18n: {
+    defaultLang: JSON.parse(localStorage.getItem('yl-user-lang')) || 'ru',
+  },
 };
 
 export default config;
diff --git a/src/containers/catalog-filter/index.js b/src/containers/catalog-filter/index.js
index 2eeca7564..2f5a5feb9 100644
--- a/src/containers/catalog-filter/index.js
+++ b/src/containers/catalog-filter/index.js
@@ -12,6 +12,8 @@ import Button from '../../components/button';
 function CatalogFilter() {
   const store = useStore();
 
+  const { t, lang } = useTranslate();
+
   const select = useSelector(state => ({
     sort: state.catalog.params.sort,
     query: state.catalog.params.query,
@@ -41,28 +43,27 @@ function CatalogFilter() {
     // Варианты сортировок
     sort: useMemo(
       () => [
-        { value: 'order', title: 'По порядку' },
-        { value: 'title.ru', title: 'По именованию' },
-        { value: '-price', title: 'Сначала дорогие' },
-        { value: 'edition', title: 'Древние' },
+        { value: 'order', title: t( "search.filter-order") },
+        { value: 'title.ru', title: t( "search.filter-name") },
+        { value: '-price', title: t("search.filter-expensive") },
+        { value: 'edition', title: t("search.filter-ancient") },
       ],
-      [],
+      [lang],
     ),
     // Категории для фильтра
+
     categories: useMemo(
       () => [
-        { value: '', title: 'Все' },
+        { value: '', title: t('categories.all') },
         ...treeToList(listToTree(select.categories), (item, level) => ({
           value: item._id,
           title: '- '.repeat(level) + item.title,
         })),
       ],
-      [select.categories],
+      [select.categories, lang],
     ),
   };
 
-  const { t } = useTranslate();
-
   return (
     <SideLayout padding="medium">
       <Select
@@ -80,7 +81,7 @@ function CatalogFilter() {
       <Input
         value={select.query}
         onChange={callbacks.onSearch}
-        placeholder={'Поиск'}
+        placeholder={t('search')}
         delay={1000}
         theme={'big'}
       />
diff --git a/src/containers/locale-select/index.js b/src/containers/locale-select/index.js
index a60df2a9a..342f61a86 100644
--- a/src/containers/locale-select/index.js
+++ b/src/containers/locale-select/index.js
@@ -6,7 +6,6 @@ import Select from '../../components/select';
 
 function LocaleSelect() {
   const { lang, setLang } = useTranslate();
-
   const options = {
     lang: useMemo(
       () => [
diff --git a/src/containers/top-head/index.js b/src/containers/top-head/index.js
index 179a51cfb..816cc39ce 100644
--- a/src/containers/top-head/index.js
+++ b/src/containers/top-head/index.js
@@ -1,4 +1,6 @@
 import { memo, useCallback } from 'react';
+import { useDispatch } from 'react-redux';
+
 import SideLayout from '../../components/side-layout';
 import { Link, useLocation, useNavigate } from 'react-router-dom';
 import useTranslate from '../../hooks/use-translate';
@@ -6,12 +8,15 @@ import useSelector from '../../hooks/use-selector';
 import useStore from '../../hooks/use-store';
 import Button from '../../components/button';
 
+import userCommentAction from '../../store-redux/user-comment/actions'
+
+
 function TopHead() {
   const { t } = useTranslate();
   const navigate = useNavigate();
   const location = useLocation();
   const store = useStore();
-
+  const dispatch = useDispatch();
   const select = useSelector(state => ({
     user: state.session.user,
     exists: state.session.exists,
@@ -26,12 +31,19 @@ function TopHead() {
     // Отмена авторизации
     onSignOut: useCallback(() => {
       store.actions.session.signOut();
+      dispatch(userCommentAction.resetUserCommentStore())
     }, []),
   };
 
   return (
     <SideLayout side="end" padding="small" gap="big">
-      {select.exists ? <Link to="/profile" style={{fontSize: '16px'}}>{select.user.profile.name}</Link> : ''}
+      {select.exists ? (
+        <Link to="/profile" style={{ fontSize: '16px' }}>
+          {select.user.profile.name}
+        </Link>
+      ) : (
+        ''
+      )}
       {select.exists ? (
         <Button style="text" onClick={callbacks.onSignOut} title={t('session.signOut')} />
       ) : (
diff --git a/src/hooks/use-translate.js b/src/hooks/use-translate.js
index bdcbf1071..a0b4c7ce2 100644
--- a/src/hooks/use-translate.js
+++ b/src/hooks/use-translate.js
@@ -1,9 +1,27 @@
-import { useCallback, useContext } from 'react';
-import { I18nContext } from '../i18n/context';
-
-/**
- * Хук возвращает функцию для локализации текстов, код языка и функцию его смены
- */
-export default function useTranslate() {
-  return useContext(I18nContext);
-}
+import { useEffect, useState } from 'react';
+
+import useServices from './use-services';
+
+const useTranslate = () => {
+  const { i18n } = useServices();
+  const [lang, setCurrentLang] = useState(i18n.getCurrentLang());
+
+  useEffect(() => {
+    const changeLanguage = () => {
+      setCurrentLang(i18n.getCurrentLang());
+    };
+
+    i18n.subscribe(changeLanguage);
+
+    return () => {
+      i18n.unsubscribe(changeLanguage);
+    };
+  }, [i18n]);
+
+  const translate = (text, plural) => i18n.translate(text, plural);
+  const setLang = value => i18n.setCurrentLang(value);
+
+  return { t: translate, lang, setLang };
+};
+
+export default useTranslate;
diff --git a/src/i18n/context.js b/src/i18n/context.js
deleted file mode 100644
index 3733d9bac..000000000
--- a/src/i18n/context.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import { createContext, useMemo, useState } from 'react';
-import translate from './translate';
-
-/**
- * @type {React.Context<{}>}
- */
-export const I18nContext = createContext({});
-
-/**
- * Обертка над провайдером контекста, чтобы управлять изменениями в контексте
- * @param children
- * @return {JSX.Element}
- */
-export function I18nProvider({ children }) {
-  const [lang, setLang] = useState('ru');
-
-  const i18n = useMemo(
-    () => ({
-      // Код локали
-      lang,
-      // Функция для смены локали
-      setLang,
-      // Функция для локализации текстов с замыканием на код языка
-      t: (text, number) => translate(lang, text, number),
-    }),
-    [lang],
-  );
-
-  return <I18nContext.Provider value={i18n}>{children}</I18nContext.Provider>;
-}
diff --git a/src/i18n/index.js b/src/i18n/index.js
new file mode 100644
index 000000000..e1aa30ec9
--- /dev/null
+++ b/src/i18n/index.js
@@ -0,0 +1,66 @@
+import * as translations from './translations';
+
+class I18nService {
+  constructor(services, config = {}) {
+    this.api = services.api;
+    this.currentLang = config.defaultLang || 'ru';
+    this.translations = translations;
+    this.subscribers = [];
+
+    this.changeApiHeaders();
+    this.setLocaleInLocalStore();
+  }
+
+  getCurrentLang() {
+    return this.currentLang;
+  }
+
+  setCurrentLang(newLang) {
+    if (newLang === this.currentLang) return;
+
+    this.currentLang = newLang;
+
+    this.changeApiHeaders();
+    this.setLocaleInLocalStore();
+    this.callSubscriber();
+
+    return this.currentLang;
+  }
+  setLocaleInLocalStore() {
+    localStorage.setItem('yl-user-lang', JSON.stringify(this.currentLang));
+  }
+
+  changeApiHeaders() {
+    this.api.setHeader('Accept-Language', this.currentLang);
+  }
+
+  translate(text, plural) {
+    let result =
+      this.translations[this.currentLang] && text in this.translations[this.currentLang]
+        ? this.translations[this.currentLang][text]
+        : text;
+
+    if (typeof plural !== 'undefined') {
+      const key = new Intl.PluralRules(this.currentLang).select(plural);
+      if (key in result) {
+        result = result[key];
+      }
+    }
+
+    return result;
+  }
+
+  subscribe(callback) {
+    this.subscribers.push(callback);
+  }
+
+  unsubscribe(callback) {
+    this.subscribers = this.subscribers.filter(subscriber => subscriber !== callback);
+  }
+
+  callSubscriber() {
+    this.subscribers.forEach(call => call());
+  }
+}
+
+export default I18nService;
diff --git a/src/i18n/translate.js b/src/i18n/translate.js
deleted file mode 100644
index c4c60db93..000000000
--- a/src/i18n/translate.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import * as translations from './translations';
-
-/**
- * Перевод фразу по словарю
- * @param lang {String} Код языка
- * @param text {String} Текст для перевода
- * @param [plural] {Number} Число для плюрализации
- * @returns {String} Переведенный текст
- */
-export default function translate(lang, text, plural) {
-  let result = translations[lang] && text in translations[lang] ? translations[lang][text] : text;
-
-  if (typeof plural !== 'undefined') {
-    const key = new Intl.PluralRules(lang).select(plural);
-    if (key in result) {
-      result = result[key];
-    }
-  }
-
-  return result;
-}
diff --git a/src/i18n/translations/en.json b/src/i18n/translations/en.json
index 0ebbcf8f2..049bf4dad 100644
--- a/src/i18n/translations/en.json
+++ b/src/i18n/translations/en.json
@@ -13,7 +13,15 @@
     "one": "article",
     "other": "articles"
   },
+  "auth.message-link": "Log in",
+  "auth.message-text": " to be able to comment",
+  "answer.for": "My answer for",
+  "answer.reply": "reply",
   "article.add": "Add",
+  "article.country": "Manufacturer Country",
+  "article.category": "Category",
+  "article.year": "Year",
+  "article.price": "Price",
   "filter.reset": "Reset",
   "auth.title": "Sign In",
   "auth.login": "Login",
@@ -22,5 +30,19 @@
   "auth.login-placeholder": "Enter login",
   "auth.password-placeholder": "Enter password",
   "session.signIn": "Sign In",
-  "session.signOut": "Sign Out"
+  "session.signOut": "Sign Out",
+  "categories.all": "All",
+  "search": "Search",
+  "search.filter-order": "By order",
+  "search.filter-name": "By name",
+  "search.filter-expensive": "First expensive ",
+  "search.filter-ancient": "Ancient",
+  "comments": "Comments",
+  "comments.new": "New comment",
+  "comments.new-answer": "New answer",
+  "comments.btn-send": "Send",
+  "comments.btn-cancel": "Cancel",
+  "user.profile": "Profile",
+  "user.name": "Name",
+  "user.phone": "Phone"
 }
diff --git a/src/i18n/translations/ru.json b/src/i18n/translations/ru.json
index a18fb845e..365cb8e97 100644
--- a/src/i18n/translations/ru.json
+++ b/src/i18n/translations/ru.json
@@ -15,7 +15,15 @@
     "many": "товаров",
     "other": "товара"
   },
+  "auth.message-link": "Войдите",
+  "auth.message-text": ", чтобы иметь возможность комментировать",
+  "answer.for": "Мой ответ для",
+  "answer.reply": "ответить",
   "article.add": "Добавить",
+  "article.country": "Страна производитель",
+  "article.category": "Категория",
+  "article.year": "Год выпуска",
+  "article.price": "Цена",
   "filter.reset": "Сбросить",
   "auth.title": "Вход",
   "auth.login": "Логин",
@@ -24,5 +32,19 @@
   "auth.login-placeholder": "Введите логин",
   "auth.password-placeholder": "Введите пароль",
   "session.signIn": "Вход",
-  "session.signOut": "Выход"
+  "session.signOut": "Выход",
+  "categories.all": "Все",
+  "search": "Поиск",
+  "search.filter-order": "По порядку",
+  "search.filter-name": "По именованию",
+  "search.filter-expensive": "Сначала дорогие",
+  "search.filter-ancient": "Древние",
+  "comments": "Комментарии",
+  "comments.new": "Новый комментарий",
+  "comments.new-answer": "Новый ответ",
+  "comments.btn-send": "Отправить",
+  "comments.btn-cancel": "Отмена",
+  "user.profile": "Профиль",
+  "user.name": "Имя",
+  "user.phone": "Phone"
 }
diff --git a/src/index.js b/src/index.js
index f49db385a..88e36aed3 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2,7 +2,6 @@ import { createRoot } from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 import { Provider } from 'react-redux';
 import { ServicesContext } from './context';
-import { I18nProvider } from './i18n/context';
 import App from './app';
 import Services from './services';
 import config from './config';
@@ -11,16 +10,13 @@ import 'global.css';
 const services = new Services(config);
 
 const root = createRoot(document.getElementById('root'));
-
 // Первый рендер приложения
 root.render(
   <Provider store={services.redux}>
     <ServicesContext.Provider value={services}>
-      <I18nProvider>
         <BrowserRouter>
           <App />
         </BrowserRouter>
-      </I18nProvider>
     </ServicesContext.Provider>
   </Provider>,
 );
diff --git a/src/services.js b/src/services.js
index a32b14d57..e13969ba9 100644
--- a/src/services.js
+++ b/src/services.js
@@ -1,4 +1,5 @@
 import APIService from './api';
+import I18nService from './i18n';
 import Store from './store';
 import createStoreRedux from './store-redux';
 
@@ -38,6 +39,15 @@ class Services {
     }
     return this._redux;
   }
+  /**
+   * Redux store
+   */
+  get i18n() {
+    if (!this._i18n) {
+      this._i18n = new I18nService(this, this.config.i18n);
+    }
+    return this._i18n;
+  }
 }
 
 export default Services;
diff --git a/src/store-redux/comments/actions.js b/src/store-redux/comments/actions.js
new file mode 100644
index 000000000..60dae389d
--- /dev/null
+++ b/src/store-redux/comments/actions.js
@@ -0,0 +1,46 @@
+export default {
+  /**
+   * Загрузка комментариев
+   * @param id
+   * @return {Function}
+   */
+  load: id => {
+    return async (dispatch, getState, services) => {
+      // Сброс текущего товара и установка признака ожидания загрузки
+      dispatch({ type: 'texts/load-start' });
+
+      try {
+        const res = await services.api.request({
+          url: `/api/v1/comments?fields=items(_id,text,dateCreate,author(profile(name)),parent(_id,_type,_tree),isDeleted),count&limit=*&search[parent]=${id}`,
+        });
+        // Товар загружен успешно
+        dispatch({ type: 'texts/load-success', payload: { data: res.data.result } });
+
+      } catch (e) {
+        //Ошибка загрузки
+        dispatch({ type: 'texts/load-error' });
+      }
+    };
+  },
+  addComment: (data, userName) => {
+    return async (dispatch, getState, services) => {
+      dispatch({ type: 'texts/send-start' });
+      const token = localStorage.getItem('token');
+      try {
+        const res = await services.api.request({
+          url: `/api/v1/comments`,
+          method: 'POST',
+          'X-token': token,
+          body: JSON.stringify({
+            text: data.text,
+            parent: { ...data.parent },
+          }),
+        });
+        dispatch({ type: 'texts/send-success', payload: { data: res.data.result, name: userName } });
+      } catch (e) {
+        //Ошибка загрузки
+        dispatch({ type: 'texts/send-error' });
+      }
+    };
+  },
+};
diff --git a/src/store-redux/comments/reducer.js b/src/store-redux/comments/reducer.js
new file mode 100644
index 000000000..104cdf7d6
--- /dev/null
+++ b/src/store-redux/comments/reducer.js
@@ -0,0 +1,47 @@
+// Начальное состояние
+export const initialState = {
+  data: {},
+  waiting: false, // признак ожидания загрузки
+};
+
+// Обработчик действий
+function reducer(state = initialState, action) {
+  switch (action.type) {
+    case 'texts/load-start':
+      return { ...state, data: {}, waiting: true };
+
+    case 'texts/load-success':
+      return { ...state, data: action.payload.data, waiting: false };
+
+    case 'texts/load-error':
+      return { ...state, data: {}, waiting: false }; //@todo текст ошибки сохранять?
+
+    case 'texts/send-start':
+      return {
+        ...state,
+        waiting: true,
+      };
+    case 'texts/send-success':
+      return {
+        ...state,
+        data: {
+          ...state.data,
+          items: [
+            ...state.data.items,
+            {
+              ...action.payload.data,
+              author: { ...action.payload.data.author, profile: { name: action.payload.name } },
+            },
+          ],
+          count: state.data.count + 1,
+        },
+        waiting: false,
+      };
+
+    default:
+      // Нет изменений
+      return state;
+  }
+}
+
+export default reducer;
diff --git a/src/store-redux/exports.js b/src/store-redux/exports.js
index 1a0a3d742..d15245320 100644
--- a/src/store-redux/exports.js
+++ b/src/store-redux/exports.js
@@ -1,2 +1,5 @@
 export { default as article } from './article/reducer';
+export { default as comments } from './comments/reducer';
+export { default as userComment } from './user-comment/reducer';
+
 export { default as modals } from './modals/reducer';
diff --git a/src/store-redux/index.js b/src/store-redux/index.js
index b885ee585..41f1a6b01 100644
--- a/src/store-redux/index.js
+++ b/src/store-redux/index.js
@@ -9,4 +9,4 @@ export default function createStoreRedux(services, config = {}) {
     undefined,
     applyMiddleware(withExtraArgument(services)),
   );
-}
+}
\ No newline at end of file
diff --git a/src/store-redux/user-comment/actions.js b/src/store-redux/user-comment/actions.js
new file mode 100644
index 000000000..1efa9eace
--- /dev/null
+++ b/src/store-redux/user-comment/actions.js
@@ -0,0 +1,38 @@
+export default {
+  init: (userId = '', userToken = '', articleiId = '') => {
+    return dispatch => {
+      dispatch({ type: 'user-comment/load-start' });
+      dispatch({
+        type: 'user-comment/update-user-log-data',
+        payload: { userId: userId, userToken: userToken, parentId: articleiId },
+      });
+      dispatch({ type: 'user-comment/load-success' });
+    };
+  },
+  setCommentsData: commentsOpenForData => {
+    return dispatch => {
+      dispatch({
+        type: 'user-comment/update-data',
+        payload: {
+          data: commentsOpenForData,
+        },
+      });
+      dispatch({ type: 'user-comment/load-success' });
+    };
+  },
+  setUserMessage: value => {
+    return dispatch => {
+      dispatch({ type: 'user-comment/upload-comment', payload: { text: value } });
+    };
+  },
+  resetForm: () => {
+    return dispatch => {
+      dispatch({ type: 'user-comment/reset-form' });
+    };
+  },
+  resetUserCommentStore: () => {
+    return dispatch => {
+      dispatch({ type: 'user-comment/reset' });
+    };
+  },
+};
diff --git a/src/store-redux/user-comment/reducer.js b/src/store-redux/user-comment/reducer.js
new file mode 100644
index 000000000..c21591cae
--- /dev/null
+++ b/src/store-redux/user-comment/reducer.js
@@ -0,0 +1,63 @@
+export const initialState = {
+  userComment: '',
+  userId: '',
+  userToken: '',
+  parent: {
+    _id: '',
+    _type: 'article',
+  },
+  lastIdFromCommentTree: '',
+  waiting: false,
+  isOpenFormInComments: false,
+  commentAuthorNick: '',
+};
+
+// Обработчик действий
+function reducer(state = initialState, action) {
+  switch (action.type) {
+    case 'user-comment/update-user-log-data':
+      return {
+        ...state,
+        userId: action.payload.userId,
+        userToken: action.payload.userToken,
+        parent: {
+          ...state.parent,
+          _id: action.payload.parentId,
+        },
+      };
+    case 'user-comment/update-data':
+      return {
+        ...state,
+        ...action.payload.data,
+      };
+    case 'user-comment/upload-comment':
+      return {
+        ...state,
+        userComment: action.payload.text,
+      };
+    case 'user-comment/load-start':
+      return {
+        ...state,
+        waiting: true,
+      };
+    case 'user-comment/load-success':
+      return {
+        ...state,
+        waiting: false,
+      };
+    case 'user-comment/reset-form':
+      return {
+        ...state,
+        isOpenFormInComments: false,
+        userComment: '',
+      };
+    case 'user-comment/reset':
+      return {
+        ...initialState,
+      };
+    default:
+      return state;
+  }
+}
+
+export default reducer;
diff --git a/src/store/article/index.js b/src/store/article/index.js
deleted file mode 100644
index f86ed801f..000000000
--- a/src/store/article/index.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import StoreModule from '../module';
-
-/**
- * Детальная ифнормация о товаре для страницы товара
- */
-class ArticleState extends StoreModule {
-  initState() {
-    return {
-      data: {},
-      waiting: false, // признак ожидания загрузки
-    };
-  }
-
-  /**
-   * Загрузка товаров по id
-   * @param id {String}
-   * @return {Promise<void>}
-   */
-  async load(id) {
-    // Сброс текущего товара и установка признака ожидания загрузки
-    this.setState({
-      data: {},
-      waiting: true,
-    });
-
-    try {
-      const res = await this.services.api.request({
-        url: `/api/v1/articles/${id}?fields=*,madeIn(title,code),category(title)`,
-      });
-
-      // Товар загружен успешно
-      this.setState(
-        {
-          data: res.data.result,
-          waiting: false,
-        },
-        'Загружен товар из АПИ',
-      );
-    } catch (e) {
-      // Ошибка при загрузке
-      // @todo В стейт можно положить информацию об ошибке
-      this.setState({
-        data: {},
-        waiting: false,
-      });
-    }
-  }
-}
-
-export default ArticleState;
diff --git a/src/store/basket/index.js b/src/store/basket/index.js
index 8cacc17eb..db181bd57 100644
--- a/src/store/basket/index.js
+++ b/src/store/basket/index.js
@@ -1,3 +1,4 @@
+import list from '../../components/list';
 import StoreModule from '../module';
 
 /**
@@ -51,6 +52,33 @@ class BasketState extends StoreModule {
     );
   }
 
+  // Обновляем язык названий товаров
+  async getUpdateLangTitle(_id) {
+    const res = await this.services.api.request({ url: `/api/v1/articles/${_id}?fields=title` });
+    return res.data.result.title;
+  }
+
+  async updateBasketListAnotherLang() {
+    const currentList = this.getState().list;
+
+    if (currentList.length) {
+      const listTitlesPromises = currentList.map(item => this.getUpdateLangTitle(item._id));
+      const updatedTitles = await Promise.all(listTitlesPromises);
+
+      const newItemsList = currentList.map((item, index) => {
+        return {
+          ...item,
+          title: updatedTitles[index],
+        };
+      });
+
+      this.setState({
+        ...this.getState(),
+        list: newItemsList,
+      });
+    }
+  }
+
   /**
    * Удаление товара из корзины
    * @param _id Код товара
diff --git a/src/store/exports.js b/src/store/exports.js
index 55c3a2960..443592347 100644
--- a/src/store/exports.js
+++ b/src/store/exports.js
@@ -1,7 +1,5 @@
 export { default as basket } from './basket';
 export { default as catalog } from './catalog';
-export { default as modals } from './modals';
-export { default as article } from './article';
 export { default as categories } from './categories';
 export { default as session } from './session';
 export { default as profile } from './profile';
diff --git a/src/store/index.js b/src/store/index.js
index 31a15b1e7..4acc08ac5 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -17,9 +17,6 @@ class Store {
     /** @type {{
      * basket: BasketState,
      * catalog: CatalogState,
-     * modals: ModalsState,
-     * article: ArticleState,
-     * locale: LocaleState,
      * categories: CategoriesState,
      * session: SessionState,
      * profile: ProfileState
diff --git a/src/store/modals/index.js b/src/store/modals/index.js
deleted file mode 100644
index e63c5c1c4..000000000
--- a/src/store/modals/index.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import StoreModule from '../module';
-
-class ModalsState extends StoreModule {
-  initState() {
-    return {
-      name: null,
-    };
-  }
-
-  open(name) {
-    this.setState({ name }, `Открытие модалки ${name}`);
-  }
-
-  close() {
-    this.setState({ name: null }, `Закрытие модалки`);
-  }
-}
-
-export default ModalsState;
diff --git a/src/utils/basket-update.js b/src/utils/basket-update.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/utils/date-format.js b/src/utils/date-format.js
new file mode 100644
index 000000000..fa30b6390
--- /dev/null
+++ b/src/utils/date-format.js
@@ -0,0 +1,15 @@
+export const dateFormat = (dateString, locale) => {
+
+  const date = new Date(dateString);
+
+  const options = {
+    day: 'numeric',
+    month: 'long',
+    year: 'numeric',
+    hour: 'numeric',
+    minute: 'numeric',
+    hour12: false
+  };
+
+  return date.toLocaleString(locale, options).replace('г.', '');
+}
diff --git a/src/utils/get-last-comment-children-id.js b/src/utils/get-last-comment-children-id.js
new file mode 100644
index 000000000..a9df77ea4
--- /dev/null
+++ b/src/utils/get-last-comment-children-id.js
@@ -0,0 +1,15 @@
+export function getLastCommentChildrenId(id, itemsList) {
+  const item = itemsList.find(item => item._id === id);
+  
+  if (!item) {
+    return { lastItemId: id, lastChildFromTree: id };
+  }
+
+  let lastItem = item;
+
+  while (lastItem.children && lastItem.children.length > 0) {
+    lastItem = lastItem.children[lastItem.children.length - 1];
+  }
+
+  return { lastItemId: item._id, lastChildFromTree: lastItem._id };
+}
\ No newline at end of file
diff --git a/src/utils/list-to-tree/index.js b/src/utils/list-to-tree/index.js
index fb4d20a66..fb92f78b9 100644
--- a/src/utils/list-to-tree/index.js
+++ b/src/utils/list-to-tree/index.js
@@ -4,9 +4,10 @@
  * @param [key] {String} Свойство с первичным ключом
  * @returns {Array} Корневые узлы
  */
-export default function listToTree(list, key = '_id') {
+export default function listToTree(list, key = '_id', rootType = 'parent') {
   let trees = {};
   let roots = {};
+
   for (const item of list) {
     // Добавление элемента в индекс узлов и создание свойства children
     if (!trees[item[key]]) {
@@ -19,17 +20,17 @@ export default function listToTree(list, key = '_id') {
     }
 
     // Если элемент имеет родителя, то добавляем его в подчиненные родителя
-    if (item.parent?.[key]) {
+    if (item?.[rootType]?.[key]) {
       // Если родителя ещё нет в индексе, то индекс создаётся, ведь _id родителя известен
-      if (!trees[item.parent[key]]) {
-        trees[item.parent[key]] = { children: [] };
-        roots[item.parent[key]] = trees[item.parent[key]];
+      if (!trees[item[rootType][key]]) {
+        trees[item[rootType][key]] = { children: [] };
+        roots[item[rootType][key]] = trees[item.parent[key]];
       }
       // Добавления в подчиненные родителя
-      trees[item.parent[key]].children.push(trees[item[key]]);
+      trees[item[rootType][key]].children.push(trees[item[key]]);
       // Так как элемент добавлен к родителю, то он уже не является корневым
       if (roots[item[key]]) delete roots[item[key]];
     }
   }
   return Object.values(roots);
-}
+}
\ No newline at end of file
diff --git a/src/utils/texts-tree-to-list/index.js b/src/utils/texts-tree-to-list/index.js
new file mode 100644
index 000000000..3ca2e6f78
--- /dev/null
+++ b/src/utils/texts-tree-to-list/index.js
@@ -0,0 +1,17 @@
+export function textsTreeToList(tree, callback, count = 0, result = []) {
+  for (const item of tree) {
+    if (!item?._id && item?.children) {
+      textsTreeToList(item.children, callback, count, result);
+      break;
+    }
+    if (item?._id) {
+      result.push(callback ? callback(item, count) : item);
+    }
+    if (item?.children.length) {
+      const pxCount = count <= 7 ? count + 1 : count;
+      textsTreeToList(item.children, callback, pxCount, result);
+    }
+  }
+
+  return result;
+}