Question

Здравствуйте! Сломал всю голову, подскажите пожалуйста.

Не могу найти, где редактировать часть страницы /checkout - оформление заказа. Непосредственно (выделенную на скриншоте область) хочу увеличить изображение. Также выровнять текст под наименованием товара. Спасибо.

Answer 1

Конструктора формы оформления заказа страницы /checkout/ в магазине нет. Для изменений, вам нужно писать стили и оформлять страницу именно через стили как вам необходимо.

Comments

 /* Общие стили для формы заказа */ #order-form {     width: 100%;     max-width: 800px;     margin: 0 auto;     padding: 20px;     background-color: #f9f9f9;     border: 1px solid #ddd;     border-radius: 8px;     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }  /* Стили для таблицы заказов */ #order-table {     width: 100%;     overflow-x: auto; }  #order-table table {     width: 100%;     border-collapse: collapse;     margin-top: 20px; }  #order-table th, #order-table td {     padding: 10px;     text-align: left;     border-bottom: 1px solid #ddd; }  #order-table th {     background-color: #f0f0f0;     font-weight: bold; }  /* Стили для строк заказа */ .order-item {     background-color: #fff; }  .order-item:nth-child(even) {     background-color: #f8f8f8; }  /* Стили для столбцов */ .order-item-nom, .order-head-img, .order-head-price, .order-head-cnt, .order-head-sum, .order-head-del {     text-align: center; }  .order-head-name {     text-align: left; }  /* Стили для изображений */ .order-item-img img {     max-width: 50px;     max-height: 50px; }  /* Стили для кнопок */ #order-but-continue, #order-but-recalc {     padding: 10px 20px;     border: none;     border-radius: 4px;     background-color: #007bff;     color: #fff;     cursor: pointer;     transition: background-color 0.3s; }  #order-but-continue:hover, #order-but-recalc:hover {     background-color: #0056b3; }  /* Стили для итоговой строки */ .order-total {     font-weight: bold; }  /* Стили для инпутов */ .order-item-cnt input {     width: 50px;     padding: 5px;     text-align: center;     border: 1px solid #ddd;     border-radius: 4px; }  /* Стили для чекбоксов */ .order-item-del input {     margin: 0 auto; }

Вот что сделал.