решено Ширина таблиці замовлень!

yura_co

yura_co

master
#1
Вітаю спільноту!
Допоможіть виправити ширину таблиці.
Ситуація така: Додав на сторінку замовлень 2 стовпці і тепер сама таблиця налазить на фільтр, хоча там розмір і вказаний у відсотках, але все одно виходить за рамки
screenshot_2024_01_18-1-png.309 - opencart
 
Baco

Baco

architect
#2
по адмінці, то там все по бутструповській сітці працює, тобто для контенту, там прописано (2) для правої колонки з фільром (1), якщо потрібно побавитись з відступами, то для правого можна додати: col-md-2, а для контенту: col-md-10, при умові, що додаткові стовпці додано по відповідності верстки бутстрапу
1705579074561-png.310 - opencart
 
OP
yura_co

yura_co

master
Thread Starter #3
так, але далі <table class="table table-bordered table-hover">, от він і вилазить за межі
колонки додані так:
Код:
<td class="text-left">Номер ТТН</td>
<td class="text-left">Телефон</td>
значення так:
Код:
<td class="text-left">{{ order.novaposhta_cn_number }}</td>
<td class="text-left">{{ order.phone }}</td>
 
Останнє редагування:
OP
yura_co

yura_co

master
Thread Starter #6
так, з горизонтальним фільтром розібрадись, але правив безпосередньо файл order_list.twig, підкажіть як правильно булоб зробити модифікатор чи то модуль, щоб лишити оригінальний файл не тронутим
ну і покажу скрін що вийшло:
screenshot_2024_01_18-2-png.311 - opencart
 
Baco

Baco

architect
#7
щодо реалізації рішень через модифікатори, то там важливим є етап ознайомлення з логікою, як саме воно працює, решта - то вже чисто технічний момент, ось приблизна стаття, котра розкриває базове поняття роботи модифікацій в ОС.
 
OP
yura_co

yura_co

master
Thread Starter #8
До речі про модифікатори ,куди краще вантажити модифікатори, в базу чи в system?
 
S

SlaSoft

Maestro
#9
Ну, якщо подивитися, то там це зроблено через class bootstrap
та переношу це скриптом

JavaScript:
var a = $('#filter-product .form-group');
var parts = 3; // сколько частей

var len = Math.ceil( a.length / parts)
  ,out = []
  ,obj = []
  ,i
;
var k=0;
for( i=0; i<a.length; i++) {
  obj[k] = a[i];
  if( 0 === (i+1)%len) {
    out.push(obj);
    obj = [];
    k=0;
  } else {
    k++;
  }
}
if( 0 !== i%len) out.push(obj);
$('#filter-product').attr('class','');
if( 0 !== i%len) out.push(obj);
$('#filter-product').attr('class','');
for (var i=0;i<out.length;i++) {
    $(out[i]).wrapAll('<div class="row">');
    $(out[i]).wrap('<div class="col-sm-4">');
}
$('#filter-product').next().attr('class','');
 
OP
yura_co

yura_co

master
Thread Starter #13
Ну, якщо подивитися, то там це зроблено через class bootstrap
та переношу це скриптом

JavaScript:
var a = $('#filter-product .form-group');
var parts = 3; // сколько частей

var len = Math.ceil( a.length / parts)
  ,out = []
  ,obj = []
  ,i
;
var k=0;
for( i=0; i<a.length; i++) {
  obj[k] = a[i];
  if( 0 === (i+1)%len) {
    out.push(obj);
    obj = [];
    k=0;
  } else {
    k++;
  }
}
if( 0 !== i%len) out.push(obj);
$('#filter-product').attr('class','');
if( 0 !== i%len) out.push(obj);
$('#filter-product').attr('class','');
for (var i=0;i<out.length;i++) {
    $(out[i]).wrapAll('<div class="row">');
    $(out[i]).wrap('<div class="col-sm-4">');
}
$('#filter-product').next().attr('class','');
Можнв трохи детальніше, як саме застосувати цей скрипт?
Бо в мене реально вийшло чимало правок і довелося правити і модифікатор на нові колонки та фільтри, і не те щоб вони різні, вони всі однотипні ала під кожен фільтр своя правка
screenshot_2024_01_19-1-png.313 - opencart
 
Останнє редагування:
Зверху