форма на странице товара

[hayeli 0]

здравствуйте!

Настроил нет в наличии когда склад и цена 0 все работает ок!, но после этого не получается править формы которые добавил под кнопками купить...

[support 447]

21 минуты назад, hayeli сказал:

здравствуйте!

Настроил нет в наличии когда склад и цена 0 все работает ок!, но после этого не получается править формы которые добавил под кнопками купить...

Дайте ссылку на магазин, посмотрю.

Вообще это ведь уже вопрос html-вёрстки.

т.е. проверьте, закрыты ли тэги, может какой-то div блок не закрыт и всё ломает.

Если всё закрыто, уже тогда надо смотреть на html-код и стили, может ширина слишком большая задана и не влазит просто, может ещё что.

Всё это очень видно если открыть консоль в браузере f12, но надо конечно знать основы html и css

[hayeli 0]

https://avto-detali-vlg.ru/category/dvigateli.html

 

[support 447]

46 минуты назад, hayeli сказал:

https://avto-detali-vlg.ru/category/dvigateli.html

 

Я так думаю, что нужно просто стили правильно прописать в /app/webroot/css/vamshop.css

Если Вы просто вставите два div'a, они не будут в одну строку выводиться.

Надо тогда в стилях каждому блоку указать display: inline-block; или float: left или float: right

А ещё лучше обернуть два этих блока ещё одним div и уже там со стилями делать.

В общем, стили сделайте правильно, это если коротко.

Если я правильно помню, в bootstrap уже есть готовые стили class="inline-block" как раз на этот случай.

Попробуйте так:

<div class="inline-block">
здесь две ваших карточки
</div>

или так:

<div class="card-info-contact inline-block">
...
</div>

т.е. добавить inline-block в Ваши уже существующие блоки.

[hayeli 0]

не помогает

в мобильной версии да же стиль не показывает

[support 447]

6 минут назад, hayeli сказал:

не помогает

Значит что-то не так делаете.

Вот Вам быстрый пример двух блоков в одну строку.

В Админке - Оформление - Шаблоны - Шбалон карточки товара меняйте:

         
        </div>
      <!-- end: Product info -->

на:

<div class="card" style="display: inline-block; width: 18rem;">
  <img class="card-img-top" src="..." alt="Card image cap">
  <div class="card-body">
    <h5 class="card-title">Card title</h5>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
    <a href="#" class="btn btn-primary">Go somewhere</a>
  </div>
</div>
            
            
<div class="card" style="display: inline-block; width: 18rem;">
  <img class="card-img-top" src="..." alt="Card image cap">
  <div class="card-body">
    <h5 class="card-title">Card title</h5>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
    <a href="#" class="btn btn-primary">Go somewhere</a>
  </div>
</div>            
            
          
        </div>
      <!-- end: Product info -->

Два блока получаются в одну строку выводятся.

 

[hayeli 0]

не могу разобраться вот что получается:

    <div class="card-info-contact table">
        <div class="card-info-contact"> <div>Есть вопросы? Звоните!<span class="phone">  
                            +7 (904) 400-04-34 </span>
                   </div>
                </div>
    
    <div class="card-info-contact"><div>Есть вопросы? пишите!<span class="email">  
                            info@avto-detali-vlg.ru </span>
           </div>       
                </div>
        </div>

[support 447]

15 минуту назад, hayeli сказал:

не могу разобраться вот что получается:

    <div class="card-info-contact table">
        <div class="card-info-contact"> <div>Есть вопросы? Звоните!<span class="phone">  
                            +7 (904) 400-04-34 </span>
                   </div>
                </div>
    
    <div class="card-info-contact"><div>Есть вопросы? пишите!<span class="email">  
                            info@avto-detali-vlg.ru </span>
           </div>       
                </div>
        </div>

Всё правильно, два блока в строку.

Вам же это и надо.

Дальше уже в стилях /app/webroot/css/vamshop.css добавляйте width для двух своих блоков, т.е. ширину блока и всё остальное.

[hayeli 0]

не получается сделать отступ между ними

[support 447]

можно ещё через row сделать и адаптивные классы, т.е. типа:

   <div class="row">
     <div class="col-sm-6">
       
       здесь код первого блока
       
     </div>
     <div class="col-sm-6">
       
       здесь код второго блока
       
     </div>
   </div>

 

1 минуту назад, hayeli сказал:

не получается сделать отступ между ними

Ну так это ж в css всё делается.

Задавайте padding для своих блоков и будет отступ.

т.е. в /app/webroot/css/vamshop.css что-то типа:

.card-info-contact {

width: 49%;
padding: .5em;
margin: .5em;

}

 

[hayeli 0]

все перепробовал не получается

[support 447]

18 минуту назад, hayeli сказал:

все перепробовал не получается

Не может такого быть, что б не получилось, значит неправильно стили прописываете.

Дайте доступ на ftp, посмотрю.

32 минуты назад, hayeli сказал:

все перепробовал не получается

Вот у Вас в /app/webroot/css/vamshop.css есть стиль:

.card-info-contact {
    display: table;
    width: 40%;
}

просто добавьте отступ и всё будет нормально, вот так:

.card-info-contact {
    display: table;
    width: 40%;
    padding: 1em;
}

Может просто в браузере изменения сразу не видны из-за кэша.

Нажмите f12 кнопку, откроется консоль и обновите страницу с открытой консолью.

С открытой консолью кэш не используется.

 

[support 447]

И уберите ul li которые Вы там добавили.