Jump to content
Sign in to follow this  
MFX

Элементы landing page в шаблоне opencart

Recommended Posts

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

 

Подскажите пожалуйста, как запихать элементы лендинга в структуру шаблона?! Но еще и сделать так, чтобы содержание на том или ином элементе можно было редактировать, вот как html модуль, только чтобы он не в определенном месте в колонках сайта или внизу или наверху располагался, а был по всей ширине экрана(слева направо)(допустим на главной), независимо...

Edited by MFX

Share this post


Link to post
Share on other sites

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

 

Подскажите пожалуйста, как запихать элементы лендинга в структуру шаблона?! Но еще и сделать так, чтобы содержание на том или ином элементе можно было редактировать, вот как html модуль, только чтобы он не в определенном месте в колонках сайта или внизу или наверху располагался, а был по всей ширине экрана(слева направо)(допустим на главной), независимо...

Все, что вам нужно - умение верстать) 

Share this post


Link to post
Share on other sites

Все, что вам нужно - умение верстать) 

тогда вопрос по другому поставлю: Как независимый хтмл модуль, можно развернуть на всю ширину экрана, чтобы он не пересекался с категориями слева и не нарушал структуру шаблона opencart?)

Share this post


Link to post
Share on other sites

тогда вопрос по другому поставлю: Как независимый хтмл модуль, можно развернуть на всю ширину экрана, чтобы он не пересекался с категориями слева и не нарушал структуру шаблона opencart?)

Opencart - это модульная система, Html тут не везде можно вставить так, чтобы это корректно смотрелось и было только на определенной странице.

 

1. Нужно создать модуль слайдера (или купить готовый)

2. Создать дополнительное позицию для вывода этого модуля только на главной.

3. Верстать так, чтобы было отображение на 100%.

 

Это процесс трудоёмкий. Можете кого-то нанять, но это вам выйдет в копеечку, без штанов останетесь. 

Поэтому идите в раздел с шаблонами и подыщите такой, который вам подойдет по функционалу. Шаблоны копейки стоят, а такая же частная разработка вам обойдётся в десятки тысяч рублей.

Edited by OldAine

Share this post


Link to post
Share on other sites

тогда вопрос по другому поставлю: Как независимый хтмл модуль, можно развернуть на всю ширину экрана, чтобы он не пересекался с категориями слева и не нарушал структуру шаблона opencart?)

что угодно можно сверстать - было бы желание) в код шаблона добавляете новый div им оборачиваете содержимое страницы, задаете ширину 100% - вот вам и на весь экран, правда структуру придется все таки изменить, но ни чего критического не произойдет. На своих сайтах постоянно использую широкие блоки - аля элементы лэндинг пэйдж + параллакс...

 

а вообще если лэндинг на несколько товаров - то использовать опенкарт нет смысла, все можно сделать в блокноте)

Edited by lemast

Share this post


Link to post
Share on other sites

что угодно можно сверстать - было бы желание) в код шаблона добавляете новый div им оборачиваете содержимое страницы, задаете ширину 100% - вот вам и на весь экран, правда структуру придется все таки изменить, но ни чего критического не произойдет. На своих сайтах постоянно использую широкие блоки - аля элементы лэндинг пэйдж + параллакс...

 

а вообще если лэндинг на несколько товаров - то использовать опенкарт нет смысла, все можно сделать в блокноте)

 

Да, вот как раз сижу переписываю, мне главное было просто хтмл закинуть, и раскидать элементы, в хтмл это удобно сделать, но малость мудился с шириной экрана, не вставал модуль так как я хотел, да и собственно и сейчас особо не встает, вот сижу в мозиле ковыряю цсс, подбираю нужный размер.) Перечитав сам вопрос, понял что глупенько чуток было это вообще спрашивать, просто сам модуль хтмл не мог нормально подогнать, я делаю презентационную страницу(главную и статьи), чтобы они были немного более графически выглядели удобно, а товары как есть так и остаются, в модулях, интересно же объединить несколько элементов во едино, чтобы сайт стал не банальным опенкартом, а стал площадкой поинтереснее...)

 

Кстати, чет тему создал, но там вообще никто не отвечает, может вы сможете подсказать тут, как сделать такое!?)

 

Bezimeni2j_1285639_20801825.jpg

 

Там надо чтобы в каждой колонке товары по одному шли, как в рекомендуемых или новинках, только в столбец и по 2 колонки на одной высоте и ширине, я нарисовал и вставил кнопки перехода, но вот не получается 2 элемента разместить на одном уровне!(

Edited by MFX

Share this post


Link to post
Share on other sites

Да, вот как раз сижу переписываю, мне главное было просто хтмл закинуть, и раскидать элементы, в хтмл это удобно сделать, но малость мудился с шириной экрана, не вставал модуль так как я хотел, да и собственно и сейчас особо не встает, вот сижу в мозиле ковыряю цсс, подбираю нужный размер.) Перечитав сам вопрос, понял что глупенько чуток было это вообще спрашивать, просто сам модуль хтмл не мог нормально подогнать, я делаю презентационную страницу(главную и статьи), чтобы они были немного более графически выглядели удобно, а товары как есть так и остаются, в модулях, интересно же объединить несколько элементов во едино, чтобы сайт стал не банальным опенкартом, а стал площадкой поинтереснее...)

 

Кстати, чет тему создал, но там вообще никто не отвечает, может вы сможете подсказать тут, как сделать такое!?)

 

Bezimeni2j_1285639_20801825.jpg

 

Там надо чтобы в каждой колонке товары по одному шли, как в рекомендуемых или новинках, только в столбец и по 2 колонки на одной высоте и ширине, я нарисовал и вставил кнопки перехода, но вот не получается 2 элемента разместить на одном уровне!(

 

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

Share this post


Link to post
Share on other sites
<?php $langg = $this->config->get('config_language');
if($langg == 'ru'){
$lngwch = 'ru_RU';
} elseif($langg == 'en'){
$lngwch = 'en_US';
} ?>

и

<?php if ($lngwch) { echo $lngwch; } ?>

Share this post


Link to post
Share on other sites

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

 

Меня больше пока интересует как раз "другой вопрос" в две колонки прям не хочет вставать, я и ужимал(встает друг под друга) и пробовал брать два разных модуля, рекомендуемые товары и новинки, тоже не хотят вставать рядом, постоянно что-то мешает... По логике вещей, засунуть если это в две колонны, то не важно какой модуль потом можно будет там разместить... Я пробовал смотреть схему из старых модулей(встретил модуль который делал подобное, раскидывал на кучу модулей сайт, тем самым по его структуре можно было бы так разместить, но он для версии 1.5.старой очень), а нового варианта я так и не нашел...Всю ночь не сплю, все думаю как реализовать это!)

Share this post


Link to post
Share on other sites
<?php $langg = $this->config->get('config_language');
if($langg == 'ru'){
$lngwch = 'ru_RU';
} elseif($langg == 'en'){
$lngwch = 'en_US';
} ?>

и

<?php if ($lngwch) { echo $lngwch; } ?>

 

Может что не понял(что скорее всего), но как это поможет раскидать товары по столбцам, при переключении языка?!?)

Edited by MFX

Share this post


Link to post
Share on other sites

ну это был пример, который выдает условие, что выполняется на разных языках.

дальше - зависит от фантазии.

Share this post


Link to post
Share on other sites

ну это был пример, который выдает условие, что выполняется на разных языках.

дальше - зависит от фантазии.

Спасибо за подсказку, попробую поэкспериментировать! Сейчас только со столбцами разберусь, прям хочется, но не до конца получается...)

Share this post


Link to post
Share on other sites

Меня больше пока интересует как раз "другой вопрос" в две колонки прям не хочет вставать, я и ужимал(встает друг под друга) и пробовал брать два разных модуля, рекомендуемые товары и новинки, тоже не хотят вставать рядом, постоянно что-то мешает... По логике вещей, засунуть если это в две колонны, то не важно какой модуль потом можно будет там разместить... Я пробовал смотреть схему из старых модулей(встретил модуль который делал подобное, раскидывал на кучу модулей сайт, тем самым по его структуре можно было бы так разместить, но он для версии 1.5.старой очень), а нового варианта я так и не нашел...Всю ночь не сплю, все думаю как реализовать это!)

так, а в чем проблема? задаете фиксированную ширину блоку, все элементы будут выстраиваться друг под другом. А что за модуль такой? Вы какую версию используете? обычно старые модули можно адаптировать под новую версию, у меня проблем не возникало... было бы чем выводить, а сверстать - это другое дело

Edited by lemast

Share this post


Link to post
Share on other sites

так, а в чем проблема? задаете фиксированную ширину блоку, все элементы будут выстраиваться друг под другом. А что за модуль такой? Вы какую версию используете? обычно старые модули можно адаптировать под новую версию, у меня проблем не возникало... было бы чем выводить, а сверстать - это другое дело

Это я делал, только сирануш 2 блока в одном месте не размещаются, пробовал подогнать рекомендуемые и новинки на одном уровне, под банерами, согласно схеме, модкль ужимается, но следующий идет под ним, а не справа(допустим)

 

у меня 2.1.0.2... 

 

На счет модуля, сам его как раз ищу сейчас, та на скрине изображены варианты расположения на сайте модулей, 16 вариантов вместо 4х стандартных, все что помню, нашел тут, он вроде под 1.5.4 шел или под 1.5.3...

Share this post


Link to post
Share on other sites

1. если 2-ка ( значит бутстрап, не к ночи будет помянут) верстаете по фреймворку оборачивая каждый ( или переменную блока, смотря как реализуете) в 

<?php if ($column_left && $column_right) { ?>
    <?php $class = 'col-sm-6'; ?>
    <?php } elseif ($column_left || $column_right) { ?>
    <?php $class = 'col-sm-9'; ?>
    <?php } else { ?>
    <?php $class = 'col-sm-12'; ?>
    <?php } ?>
    <div id="landing" class="<?php echo $class; ?>">
<div class="row">
<div class="col-sm-6 ">код блока 1</div> 
<div class="col-sm-6">код блока 2</div>
</div>
</div>
встанут рядом

2. для верстки без бутстрапа, 

просто использовать в стилях дивов 

float: left
Edited by Pascha

Share this post


Link to post
Share on other sites

1. если 2-ка ( значит бутстрап, не к ночи будет помянут) верстаете по фреймворку оборачивая каждый ( или переменную блока, смотря как реализуете) в 

<?php if ($column_left && $column_right) { ?>
    <?php $class = 'col-sm-6'; ?>
    <?php } elseif ($column_left || $column_right) { ?>
    <?php $class = 'col-sm-9'; ?>
    <?php } else { ?>
    <?php $class = 'col-sm-12'; ?>
    <?php } ?>
    <div id="landing" class="<?php echo $class; ?>">
<div class="row">
<div class="col-sm-6 ">код блока 1</div> 
<div class="col-sm-6">код блока 2</div>
</div>
</div>
встанут рядом

2. для верстки без бутстрапа, 

просто использовать в стилях дивов 

float: left

 

Второй вариант сразу сказал мне: Слушай Пашу, он молодцом!))) Нет, честно, реально отлично, вот только они оба начинают подбиваться по float: left

 

Первый вариант подходит больше, уточни где править, пожалуйста!?)

Share this post


Link to post
Share on other sites

Сори, тупанул, разобрался куда!)

Edited by AlexFisher
overquote deleted

Share this post


Link to post
Share on other sites

так, а в чем проблема? задаете фиксированную ширину блоку, все элементы будут выстраиваться друг под другом. А что за модуль такой? Вы какую версию используете? обычно старые модули можно адаптировать под новую версию, у меня проблем не возникало... было бы чем выводить, а сверстать - это другое дело

Если вдруг еще интересен, нашел то о чем говорил тогда, он немного не такой каким запомнился, точнее он не дает нужного результата(для размещения в одном месте двух элементов, но зато может пригодиться в других целях, наверное: http://www.opencart.com/index.php?route=extension/extension/info&extension_id=11339

Edited by MFX

Share this post


Link to post
Share on other sites

пояснение по 

Нет, честно, реально отлично, вот только они оба начинают подбиваться по float: left

 

естественно эти блоки должны должны быть обернуты в див с 

display:block

дабы float применялся только для указанных блоков и не смещал остальной контент обтеканием)))

 

ну а в общем и целом, чтоб подсмотреть код и стили по бутстрапу дам демку шаблона лединга от меня.. может поможет... двойных блоков там достаточно )))
 

Share this post


Link to post
Share on other sites

пояснение по 

естественно эти блоки должны должны быть обернуты в див с 

display:block

дабы float применялся только для указанных блоков и не смещал остальной контент обтеканием)))

 

ну а в общем и целом, чтоб подсмотреть код и стили по бутстрапу дам демку шаблона лединга от меня.. может поможет... двойных блоков там достаточно )))

 

Спасибо большое! Прям благодарен!)

Share this post


Link to post
Share on other sites

Есть еще один момент, напомните пожалуйста(так сказал, будто раньше знал))...) хочу в левое меню категорий, чтобы картинка шла перед названием и бралась чтоб из самой категории, а ну да, еще и описание в всплывающем меню, чтобы перед подкатегориями вылезало(когда допустим...) че я объясняю, чтоб как вот тут вот было: http://opencart1.mattimeo.ru/ слева категории которые(так же чтобы при раскрывании описание было тоже.. А вот иконка категорий(картинка, которая присваивается категории(прикрепляется как изображение категории), выходило перед названием главных категорий...(чет пытался засунуть код, чтобы автоматом дергал картинку, так мне постоянно говорит, что нет изображения, по логике все вроде норм должно быть, но изображение не выводит, если вместо echo вставлять просто ссылку, то все норм, но так каждой категории присваивать не хочется, хочется чтобы автоматом бралось из изображения категории)

Share this post


Link to post
Share on other sites

я допиливал
админка

фронтед

 

но описывать долго и нудно... по моему где то когда то встречал и модуль... но где не помню (от жадности запилил сам))))

Share this post


Link to post
Share on other sites

я допиливал

админка

фронтед

 

но описывать долго и нудно... по моему где то когда то встречал и модуль... но где не помню (от жадности запилил сам))))

Жадность - самый лучший учитель...))))))))

 

 

А так в целом почти то, что хочу...) А то нарисовать нарисовал, че как и куда, а перенести не все получилось, ну ниче, поковыряюсь, разберусь!)))

Edited by MFX

Share this post


Link to post
Share on other sites

Все же хелп, чет не пойму куда сунуть код, чтобы просто стандартную(которую в изображениях категорий) картинку выводило в левом меню...) И с описанием категории, в всплывающем меню тоже не получается, там же должен быть стандартный вывод, не пойму, код таскал туда и туда, вставляю прямой путь, выводиться картинка, вставляю эхо, шлет меня, оборванную картинку(нет изображения) вытаскивает... Хелп!)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.