Вопрос по сетки(верстки)

Вопрос в том что есть сетка товаров с кнопкой купить/
Но при нажатии на купить покупается только первые товар а остальные не работают (точнее работаю добовляют первый товар) шаблон tpl.msProducts.row

<div class="col-sm-3">
<button type="submit" data-toggle="modal"  data-target="#myModal" class="order" name="ms2_action" value="cart/add" onclick="yaCounter33649769.reachGoal('add_cart'); return true;">Купить</button>
				    <div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="background: rgba(0,0,0,0.4);">
                    <div class="modal-dialog">
                    <div class="modal-content" style="background: #0b90e1; border-radius: 0px;">
                    <div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="margin-top: -19px;position: relative;left: 12px;">×</button>
                    <h2 class="modal-title" id="myModalLabel" style="font-size: 16px; text-align:center;">[[*pagetitle]] </br>добавлен в корзину</h2>
                    </div>
                    <div class="modal-body cont-b" >
                        <center>
                    <buttom class="closed" type="button" data-dismiss="modal">Продолжить покупки</buttom>
                    <span style="color:fff;"> или </span>
                    <buttom class="baskt" type="button" onclick="document.location = '/basket'">Оформить заказ</buttom></div>
                    </center>
                    </div>
                    
  </div>
Владислав
20 апреля 2016, 05:15
modx.pro
1 018
0

Комментарии: 14

October
20 апреля 2016, 09:52
0
Опишите ваш вопрос более понятно и подробно.
    Владислав
    20 апреля 2016, 10:00
    0
    Есть сетка товаров. На ней 12 товаров. У меня реализовано на кнопкие купить всплывающее окно.
    Я добавляю из 12 товаров любой товар. и добавляется только первый товар хотя я выбрал допустим 8 товар.
    И он добавляет только первый товар на это сейтке
      Владислав
      20 апреля 2016, 10:09
      0
      Есть сетка товаров. На ней 12 товаров. У меня реализовано на кнопкие купить всплывающее окно.
      Я добавляю из 12 товаров любой товар. и добавляется только первый товар хотя я выбрал допустим 8 товар.
      И он добавляет только первый товар на это сейтке
      Александр Котлов
      20 апреля 2016, 10:41
      0
      Как минимум в
      <form> </form>
      карточки обернуть нужно, подозреваю что одна форма в качестве контейнера выступает и поэтому такое поведение.
        Владислав
        20 апреля 2016, 10:46
        0
        блин точно а вопрос теперь в другом
        <h2 class="modal-title" id="myModalLabel" style="font-size: 16px; text-align:center;">[[*pagetitle]] </br>добавлен в корзину</h2>
        Он берет название страницы а не название товара
          Александр Котлов
          20 апреля 2016, 10:48
          0
          [[+pagetitle]]
            Владислав
            20 апреля 2016, 10:49
            0
            Пробывал.
            Ситуация в следующем
            Добавляешь любой товар
            И в модальном окне отображает надпись первого товара
              Александр Котлов
              20 апреля 2016, 11:01
              0
              Нужно понять задачу и весь код смотреть. Из примера кроме формы, про которую выше писал, видно что вызов модального окна повешен на кнопку отправки в корзину, что уже странно. Пока не понятно что должно быть в итоге, но логично было бы все что касается добавления в корзину вынести в модальное окно. Ну и не вижу а примере инпутов которые обязательно должны быть чтобы в корзину товар нормально добавился.
              Владислав
              20 апреля 2016, 10:56
              0
              <div class="col-sm-6 col-md-3">
              	    <div class="main-hover">
              	       <a style="font-size:14px; text-decoration:none;" href="[[~[[+id]]]]">
              	         <div class="thumbnail"><img src="[[+thumb:default=`[[++assets_url]]components/minishop2/img/web/ms2_small.png`]]" width="100" height="100" /></div>
              	         <div class="caption"><p class="caption-p">[[+pagetitle]]</p>
              	         
              	         <div class="priceng">
              	      <div class="price">[[+price]] [[%ms2_frontend_currency]]</div>
              	      <div class="old_price">[[+old_price]]</div>
              	      </div>
              	         
              	         </div>
              	       
              	        <form method="post" class="ms2_form">
              	           <div class="form-group">
              				<div class="col-sm-3">
                                  <button type="submit" data-toggle="modal"  data-target="#myModal" class="order" name="ms2_action" value="cart/add" onclick="yaCounter33649769.reachGoal('add_cart'); return true;">Купить</button>
              				    <div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="background: rgba(0,0,0,0.4);">
                                  <div class="modal-dialog">
                                  <div class="modal-content" style="background: #0b90e1; border-radius: 0px;">
                                  <div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="margin-top: -19px;position: relative;left: 12px;">×</button>
                                  <h2 class="modal-title" id="myModalLabel" style="font-size: 16px; text-align:center;">[[+pagetitle]] </br>добавлен в корзину</h2>
                                  </div>
                                  <div class="modal-body cont-b" >
                                      <center>
                                  <buttom class="closed" type="button" data-dismiss="modal">Продолжить покупки</buttom>
                                  <span style="color:fff;"> или </span>
                                  <buttom class="baskt" type="button" onclick="document.location = '/basket'">Оформить заказ</buttom></div>
                                  </center>
                                  </div>
                                  
                </div>
              </div>
              
              				</div>
              			
              			</div>
              		<input type="hidden" name="id" value="[[+id]]">
              		<input type="hidden" name="count" value="1">
              		<input type="hidden" name="options" value="[]">
              		</form>
              		</a>
              		
              		
              	</div>
              	
              	</div>
                Владислав
                20 апреля 2016, 11:00
                0
                В чем может быть ошибка?
                  Александр Котлов
                  20 апреля 2016, 11:03
                  0
                  Как минимум в том, что у всех окон при таком раскладе id одинаковый, поэтому одно и тоже название.
                  Александр Котлов
                  20 апреля 2016, 11:08
                  +2
                  id=«myModal[[+id]]» и data-target="#myModal[[+id]]"
                    Владислав
                    20 апреля 2016, 11:10
                    0
                    Большое человеческое спасибо))
            Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
            14