различен брой продукти на ред - OpenCart

dropaway

Member
различен брой продукти на ред

ред 1 = 1 продукт
ред 2 = 2 продукта
ред 3 = 3 продукта

някъкви идеи :rolleyes:
simple.jpg
 
От: различен брой продукти на ред - OpenCart

Имаше един модул с който можеш да поставяш произволен html код на мястото на някой от продуктите. В случая да ги оставиш празни тези които не ти трябват. После само центрираш за да станат като пирамида.
 
От: различен брой продукти на ред - OpenCart

мисля, че ще свърши работа, трябва да се пробва естествено, ако се сетиш как се казва ще съм ти благодарен
 
От: различен брой продукти на ред - OpenCart

За съжаление не. Доста отдавна беше - за 1.5.1.3 го гледах тогава
Поизчакай и другите да видят темата. Може да предложат някакъв друг вариант.
Или потърси за custom html boxes или нещо такова в екстенжъните. Наред със "стандартните", дето може да слагаш текст и др. отстрани, в хедъра и т.н. може да изскочи и този.
 
От: различен брой продукти на ред - OpenCart

примерно да, или на 2-ри ред също да са 3 продукта както на 3 ред
 
От: различен брой продукти на ред - OpenCart

различен брой продукти на ред
ред 1 = 1 продукт
ред 2 = 2 продукта
ред 3 = 3 продукта

Каква е идеята на това упражнение ? Къде трябва да се визуализира тази пирамидална структура на продуктите? Ако имаш повече продукти следователно и редове ще имаш неизвестно дълъг ред ?

примерно да, или на 2-ри ред също да са 3 продукта както на 3 ред

Последно пирамидална структура или първи ред един продукт втори, трети и т.н. по 3 или там някакъв фиксиран макс. брой ?

Има цял куп неизвестни около това какво искаш да направиш.
 
От: различен брой продукти на ред - OpenCart

Продуктите са 7 на брой, и идеята е да бъдат разделени в 3 различни реда, като на първият ред ще има 1 продукт, а на останалите 2 по 3 продукта (както на снимката която съм сложил за пример), трябва да се визуализира в станицата на дадена категория.
 
От: различен брой продукти на ред - OpenCart

Продуктите са 7 на брой, и идеята е да бъдат разделени в 3 различни реда, като на първият ред ще има 1 продукт, а на останалите 2 по 3 продукта (както на снимката която съм сложил за пример), трябва да се визуализира в станицата на дадена категория.

Това може да се постигне по следния начин:

1. Добавяне на пихипи логика в темплейтния файл, която да разделя продуктите по 3 на ред наобратно(може да се реализира и по-прост начин)
2. Реализиране на въпросните редове посредством хтмл и цсс - хтмл-а се добавя в точка 1. Той представлява <br> таг, а цсс-а добавяш декларация за центриран текст на клас product-grid, тъй като дивовете в него са с инлайн-блок визуализация и това е необходимо и достатъчно правило за да ги центрира и да постигнеш ефекта от картинката, която си прикачил. Уточнявам, че говоря за стандартната тема на опенкарт.
3. Премахване на джава скрипта, който променя автоматично изгледа от "решетъчен" на "списъчен", ако нямаме бисквитка която да определя изгледа.

П.С. И пак не разбирам за какво е това упражнение ?
 
Последно редактирано:
От: различен брой продукти на ред - OpenCart

Не използвам стандартната тема на опенкарт, сигурно има вариянт да се извличат продукти по ID за да се постигне този ефект, а това което ми обесняваш ти, едва ли ще успея да го направя, white_pawn е показал някаква пирамидна структура, явно има нещо впредвид или има такъв модул:confused:

П.С така желае колекагата да са подредени продуктите
 
От: различен брой продукти на ред - OpenCart

Какво имаш в предвид с извличането на продукти по ИД ? С модул който няма такова предназначение незнам дали ефекта ще бъде задоволителен, но ако искаш пирамидална структура или тази, за която ти говориш един от горе и по три на всеки ред най-добре е да се допише логика. В стандартната тема, както и на повечето явлението редове на продуктите при решетъчен изглед не съществува. Падането на нов ред на продуктите става както ходенето по голяма нужда - по естествен път(като не им достигне необходимото място падат надолу). На повечето теми(платени, безплатни, крадени) решетъчния изглед е направен точно чрез инлайн-блок елементи, които лесно могат да се манипулират и да се централизират и с правилния брой продукти на новосъздадени редове да се създаде пирамидална структура или още по-лесно ефекта който искаш да постигнеш ти.

Добре би било да дадеш линк към въпросната тема която използваш.
 
От: различен брой продукти на ред - OpenCart

Добре ако се направят тези дописвания на логика в html и css не трябва ли да се уточни кои продукт къде ще се позиционира и след кой ще се прехвърля на нов ред, тъй като всеки артикул ще има определено място, а и ще трябва да се взима по някакъв параметър, поне моята логика е такава, без да знам как да я реализирам:p
Въпросната тема е това
 
От: От: различен брой продукти на ред - OpenCart

stan, модула за който говоря позволяваше на мястото на който и да е продукт(в случая съм отбелязал третия с червено) да бъде поставен произволен html код. Дали снимка някаква или текст няма значение. Идеята е да оставят по този начин първия и третия "празни" и така да остане само един в средата. Въпросната тема е идеална, понеже продуктите нямат рамки.

containers.jpg

@dropaway, виждам, че ти е нужен, поразтърсих се дори из HDD-то из стари файлове, но безуспешно. Освен с колегата ако се разберете за нещо подобно...
 
От: От: различен брой продукти на ред - OpenCart

Добре ако се направят тези дописвания на логика в html и css не трябва ли да се уточни кои продукт къде ще се позиционира и след кой ще се прехвърля на нов ред, тъй като всеки артикул ще има определено място, а и ще трябва да се взима по някакъв параметър, поне моята логика е такава, без да знам как да я реализирам:p

Логиката е следната: Определя се броя продукти на ред приемрно 3. Взима се броя продукти на страницата и се дели на броя продукти на ред(3) като се закръгля до по-голямото число. Ако на страницата сме определили да се показват 7 на брой продукта ще имаме 3 реда. Обхождаме продуктите наобратно(като преди това сме обърнали подредбата им предварително за да се запазят всички сортировки) по 3 продукта за всеки ред, и ако съществува продукта се визуализира. Така ако имаме 7 продукта на страница на първи ред ще имаме 1 на втори и трети по 3. Ако имаме 8 продукта на първи ред - 2, на втори и трети по 3. Ако имаме 9 - всеки ред по 3. Ако имаме 10 на първи 1 на следващите 3 по три и т.н. Това се прави много лесно с помоща на пихипи и представлява буквално 4 реда допънителен код (Обхождане с два цикъла for). След това с помоща на цсс центрираме продуктите и се получава ефекта който търсиш. Тествах го на дефолтната тема и си работи безотказно.

При темата която използваш ти обаче вече автора се е погрижил системата да определя редове на продукти. Виждам че броя продукти на ред е 4. Ти искаш 3. Незнам дали в админ панела в къстъм темата няма опция някъде за определяне на броя продукти на ред(не на стандартното на страница) - ти ще кажеш. Ако има супер, ако няма пак не е никакъв проблем да се направи. Ефекта който търсиш след като се определят броя продукти на 3 на ред може да се постигне пак лесно. С пихипи се взима първия продукт и се визуализира преди следващите на собствен ред. Ако са 7 на страница 1 продукт ще имаме на един ред а останалите 6 ще се визуализират на два по 3 на ред. Сега остава частта с цсс-а тъй като тук елементите не са инлайн-блок, а са флоутнати в ляво направление. Просто трябва да премахнем един клас стилизации на единичния продукт и да добавим друг такъв който слага външен хоризонтален отстъп на единичния продукт и го центрира автоматично. Също трябва да се промени процентната дължината на прoдуктите от 25% за четири на 33.3% за три за да запълват 100% дължина на ред, понеже са флоутнати. Това става отново само с промяна на класовете дадени на продуктите, понеже се изпозлва цсс фреймуорк. Така ще се получи желания от теб ефект.

stan, модула за който говоря позволяваше на мястото на който и да е продукт(в случая съм отбелязал третия с червено) да бъде поставен произволен html код. Дали снимка някаква или текст няма значение. Идеята е да оставят по този начин първия и третия "празни" и така да остане само един в средата. Въпросната тема е идеална, понеже продуктите нямат рамки.

Мхм, и така може да получи, но при положение че има 3 на ред продукта, ако са четири мисля че няма да може да се центрира правилно. Другия минус тук е че трябва да се брои след кой елемент да се слага празен такъв ако има повече от една страница продукти на категория а и като цяло при повече продукти и категории ще стане еднообразно ръчно въвеждане и изчисление от страна на човека. Може да попита колегата СТАН за този модул дали не го е срещал понеже той си е чиста енциклопеидя на тема модули. :wink:
 
От: различен брой продукти на ред - OpenCart

Първо да благодаря, че така подробно си описал нещата които трябва да се направят (въпросът е,че не разбирам много от пихипи, и реализацията ще е сложна за мен). Разгледах в администрацията конкретната тема, няма опция за определяне на броя продукти на ред.
 
От: различен брой продукти на ред - OpenCart

Да завършим темата: С автора продължихме кореспонденция на лични и се оказа че има опция за броя продукти на ред. Поставихме ги по три и с помоща на пихипи отделихме първия продукт на собствен ред ако броят им е повече от 3. Добавиха се две стилизации и всичко е станало както трябва.
 
От: различен брой продукти на ред - OpenCart

Да наисина имаше модул в администрацията от който се настройха желаният брой продукти на ред, и Благодарение на stan_bg който помогна да се допише файла, нещата се получиха. Благодаря още веднъж.
 

Горе