Jump to content

Recommended Posts

Народ, подскажите пожалуйста, как поправить вёрстку после небольших "улучшений" с моей стороны в шаблоне AnyStore? А то автора темы нет на форуме с 18 декабря, в личку и на почту не отвечает. Шаблон куплен на этом форуме с моего же аккаунта. Сайт:

doma (.) petrov (.) pro

1) На маленьких экранах становится не кликабельное лого (естественно не с главной страницы) Вроде сосений блок накладывается

2) Ширина кликабельности разворачивающийся кнопки "Инфо" занимает не всё пространство кнопки, что затрудняет его нажатие

3) Корзина выглядит не как должна*

 

Что я сделал, после чего стали эти проблемы:

 

а) * В шаблоне есть 7 вариантов хедера. Вернее меню мне понравилось с одного хедера, остальное с другого. И я взял и тупо вставил <nav id="top">..............</nav> 5-го хедера вместо <nav id="top">..............</nav> 1-хедера. В теории всё должно было быть нормально, и почти всё получилось, кроме корзины. Она должна была выглядить такой-же как соседние значки поиска, личного кабинета без слов "В Вашей корзине пусто" и в их стиле.

б) Проблема с кликабельности лого на меленьких экранах стала, когда я сделал лого и номер телефона в один ряд, добавив логотипу класс col-xs-4

в) Ширина кликабельности кнопки "Инфо" стала не на всю ширину кнопки то ли после того как я сделал пункт а), то ли б)

 

Помогите пожалуйста советом, как нужно сделать эти дейтвия, чтобы не ломалась вёрстка других элементов? А то до автора не достучаться((

Share this post


Link to post
Share on other sites

хостинг попросите откатиться на день назад и лучше дождитесь автора шаблона)

Edited by zlob

Share this post


Link to post
Share on other sites
1 час назад, zlob сказал:

хостинг попросите откатиться на день назад и лучше дождитесь автора шаблона)

Мне не нужно откатиться назад, я и так могу вернуть изменения в коде обратно, там 2 правки. Я имею ввиду как правильно сделать то, что я сделал, чтобы не съехала вёрстка других элементов. Да, я думаю автор без заглядывания в код смог бы подсказать, но его почти 3 недели нет на форуме, про отпуск ничего не написано, но хотелось бы быстрее подправить...

Share this post


Link to post
Share on other sites

 @dirtsport Господин хороший, извините что к вам обращаюсь, я человек не местный и тут проездом, но хотелось бы слегка смутившись и потупив взор спросить: 
а кто Вас учил так бутстраповские классы прописывать? 
http://joxi.ru/bmoODqQCMbkVlm
а вот если Вы еще раз проштудируете принципы и порядок работы с инструментами Бутстрапа, а потом попробуете для каждого из трех блоков прописать как полагается в формате 

Цитата

<div class="col-lg-.. col-md-.. col-sm-.. col-xs-.. свойуникальныйклассдляблока">

глядишь и свершится  чудо чудное, а с ним и диво дивное... 

з.ы. учиться, учиться и учиться, как завещал кто то из давно забытых авторов

  • +1 1

Share this post


Link to post
Share on other sites

Попытаюсь пояснить о чём писал Pascha. Нужно либо убрать в первой строке на его скриншоте col-xs-4, либо дописать во вторую и третью строки col-xs-8 и col-xs-12 соответственно. Но во втором случае нужно будет ещё добавить медиа-запрос чтобы на экранах меньше 640 рх эти блоки занимали 100% ширины:

@media (max-width: 639px) {.theme-logo, .callme-header2 {width: 100%;}}

Edited by SiteMix
  • +1 1

Share this post


Link to post
Share on other sites
В 05.01.2018 в 21:27, Pascha сказал:

 @dirtsport Господин хороший, извините что к вам обращаюсь, я человек не местный и тут проездом, но хотелось бы слегка смутившись и потупив взор спросить: 
а кто Вас учил так бутстраповские классы прописывать? 
http://joxi.ru/bmoODqQCMbkVlm
а вот если Вы еще раз проштудируете принципы и порядок работы с инструментами Бутстрапа, а потом попробуете для каждого из трех блоков прописать как полагается в формате 

глядишь и свершится  чудо чудное, а с ним и диво дивное... 

з.ы. учиться, учиться и учиться, как завещал кто то из давно забытых авторов

@Pascha

К чему ирония, что Вы человек не местный и тут проездом, я не понял, ну да ладно)

Так кто-кто, сам конечно же!) Видно же)

Спасибо! Чудо произошло!

 

PS У давно забытого автора в каждом городе куча памятников, чтобы не забыли

Share this post


Link to post
Share on other sites
35 минут назад, dirtsport сказал:

К чему ирония

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

35 минут назад, dirtsport сказал:

Спасибо! Чудо произошло!

И не сомневался... но на девайсах с маленькими размерами коряво (и практически не читаемы) отображаются лого и телефон, я б все же посоветовал посмотреть в эту сторону решения
http://joxi.ru/BA04yLetBjKaPA

Ну и подверстайте верх сайта, Ваша корзина дает горизонтальный скролл, да и незаметна невооруженным взглядом
http://joxi.ru/Vm6bgOetxnE9Ym

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

  • +1 1

Share this post


Link to post
Share on other sites
8 часов назад, SiteMix сказал:

Попытаюсь пояснить о чём писал Pascha. Нужно либо убрать в первой строке на его скриншоте col-xs-4, либо дописать во вторую и третью строки col-xs-8 и col-xs-12 соответственно. Но во втором случае нужно будет ещё добавить медиа-запрос чтобы на экранах меньше 640 рх эти блоки занимали 100% ширины:

@media (max-width: 639px) {.theme-logo, .callme-header2 {width: 100%;}}

@SiteMix Спасибо! Да, так понятней) Но вроде не понадобился медиа-запрос, и так работает.

Подскажите ещё пожалуйста, если не затруднит, после переноса целиком верхнего меню (<nav id="top">..............</nav>) из header5.tpl в header1.tpl, который выбран по умолчанию, на маленьких экранах менюшка "Инфо" не на всю площадь кликабельна. Странно, ведь я весь блок целиком перенёс... А менять col-xs-1 на col-xs-2 я так понимаю не правильно

 

Безымянный2223333.jpg

Share this post


Link to post
Share on other sites
19 минут назад, Pascha сказал:

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

@Pascha О, не, я сам таких не люблю, первым в драку не лезу, ставлю хотя бы лайк за помощь) Таким как бухому говорить - больше не пей)

 

22 минуты назад, Pascha сказал:

И не сомневался... но на девайсах с маленькими размерами коряво (и практически не читаемы) отображаются лого и телефон, я б все же посоветовал посмотреть в эту сторону решения
http://joxi.ru/BA04yLetBjKaPA

Так было по умолчанию, ещё и ниже был поиск зачем-то на col-xs-12, я как раз от этого уходил, потому что главное меню было на середине экрана телефона. И когда гуляешь по сайту, после каждого перехода видеть одно и тоже на пол экрана плохо. Самое правильное решение, я считаю, это оставлять только блок "top" в котором слева лого, а справа иконка меню или чтобы меню сбоку свайпом выезжало. Ну максимум 2 горизонтальных блока! Но у меня планируется взрослая аудитория и мне нужно находить компромисс в этом решении)

 

40 минут назад, Pascha сказал:

Ну и подверстайте верх сайта, Ваша корзина дает горизонтальный скролл, да и незаметна невооруженным взглядом
http://joxi.ru/Vm6bgOetxnE9Ym

Большое спасибо за помощь с бутстраповскими классами и советы! Корзину обязательно поправлю. А то что, она не особо видна это в моём конкретном случае нормально, я от неё хотел вообще отказаться, так как у меня никто не закажет 2 и более товаров. Выбрал проект дома и заказал, всё, там нечего добавлять, даже если нужен забор или колодец) Мне в принципе достаточно только быстрый заказ, но я не нашёл подходящего, мне важен подхват опций), поэтому думаю через симпл справится, благо после нажатия на "купить" всплывает pop-up. Минус только в том, что нужно ещё раз нажать на кнопку (оформить заказ)

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.


  • Similar Content

    • By sv2109
      499.00 руб
      Скачать/Купить дополнение


      Акции, Подарки
      Больше 10 тысяч загрузок модулей от sv2109!
      Это вторая версия модуля, который имеет уже больше 100 покупок!
      Что делает этот модуль?
      Дает возможность создавать и красиво показывать в карточке товара, каталоге и других страницах всевозможные акции. За основу в создании этого модуля был взят опыт больших интернет магазинов.
      Зачем?
      Акции - это очень мощный инструмент продаж с помощью которого при правильном подходе можно в разы увеличить прибыть магазина, так как акция дает сильный стимул купить именно этот товар и именно сейчас.
      Не поэтому ли практически все большие интернет магазины очень активно используют этот инструмент? Зайдите на любой такой магазин и увидите огромное количество акций, скидок, подарков, распродаж итд.
      Что может быть акцией?
      Товар-подарок. Пример: "Купи ноутбук и получи мышку в подарок", "купи смартфон и получи чехол в подарок", "купи фотоаппарат и получи карту памяти в подарок" итд. При добавлении товара в корзину автоматически в корзину добавляется товар-подарок с нулевой ценой. Неизвестный подарок, приз. Пример: "Купите этот товар и получите ценный подарок от нашего магазина". Сам подарок показывается на сайте в виде красивой коробки, что внутри - сюрприз. Суперцена. Показывает что у товара очень привлекательная цена. Скидка на другой товар. Пример: "Купи фотоаппарат и получи скидку 20% на покупку объектива". Розыгрыш призов. Пример: "Среди купивших офисный стул с 1 по 31 декабря будет разыгрываться ноутбук". Бесплатная доставка. Новинка. Показывает, что товар новый. Скидка на товар. "Только 2 ноутбука в 1 руки!" - реальная акция в Розетке Что угодно Некоторые советы по акциям
      обязательно указывайте дату окончания акции! Она должна быть минимальной, а не через 2 месяца. Это дополнительно будет стимулировать покупателя совершить покупку именно сейчас, а не уйти с мыслью вернуться через 2 месяца, то есть никогда. указывайте, что количество подарков или акционных товаров ограничено. Это дополнительно будет стимулировать покупателя купить товар именно сейчас, потому что уже через час подарка может не быть. создавайте реально полезные для ваших покупателей акции, а не банальные 5% при 50% наценке. Иногда полезно даже ничего не заработать на этой первой продаже но получить лояльного, постоянного покупателя, который принесет прибыть в будущем. постоянно экспериментируйте, придумывайте новые, оригинальные акции. постоянно использует этот очень мощный инструмент продаж, а не только перед праздниками. В планах дальнейшее развитие этого модуля.
      Совместимость:
      OpenCart и ocStore 2.0.x, 2.1.x, 2.2.x, 2.3.x, 3.x
      Версию для Opencart, ocStore 1.5.x можно скачать тут
       
      Модуль использует ocmod
      Модуль использует IonCube, обычно на 99% хостингов он установлен, но на всякий случай можете проверить.
      Одна лицензия модуля позволяет установить этот модуль на 1 домене.
      Демо:
      Товар 1 Товар 2 Товар 3 Товар 4 Товар 5 Категория Админка Для связи с автором модуля пишите на sv2109@gmail.com
      © Стасюк Владимир (sv2109.com), 2016
      Добавил sv2109 Добавлено 10.02.2016 Категория Цены, скидки, акции, подарки Системные требования Сайт разработчика sv2109.com Старая цена Метод активации По запросу в ЛС Ioncube Loader Требуется OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х Обращение к серверу разработчика  
    • By balukoff
      300.00 руб
      Скачать/Купить дополнение


      ocBase Дополнительные услуги(привязка к категориям)
      Модуль ocBase Дополнительные услуги(привязка к категориям) v.1.0(далее модуль) предназначен для вывода дополнительных(сопутствующих услуг) при заказе основного товара. Подробнее разберем пример:
      У вас есть магазин по продаже компьютерной техники с 10000 наименованиями товаров, с 1000 категорий. У вас есть сервисный центр, который оказывает некоторые дополнительные услуги в привязке к основному купленному товару. Допустим вы продаете комплектующие к ПК(категория "Комплектующие") на сумму 20000, но вы можете предложить клиенту ещё и ряд услуг: сборку, установку ПО, настройку и т.д. Автоматизацию бизнеса можно настроить таким образом, что к каждому товару привязать услуги и выводить эти опции в заказе. Тогда теряется гибкость, появляется необходимость каждый раз заходить в новые товары и проставлять нужные опции.
      Основной двигатель прогресса - Лень, поэтому модуль будет делать всю грязную работу за вас. Что может модуль:
      Эти действия осуществляются в административной части модуля.
      - делать привязку услуг к любой категории.
      Это значит, что вы заносите нужное количество услуг для категории: называете услугу/товар/опцию, проставляете цену, указываете новую цену(для скидки), прописываете в формате html описание.
      С этого момента, когда вы внесли данные - любой товар, принадлежащий этой категории и попадающий в корзину - будет снабжаться набором услуг из модуля(с возможностью выбора "галочками").
      - Делать привязку настроек "по-умолчанию" для всех категорий, которые не входят в список уже внесенных в модуль.
      Это значит, что если вы привязали услуги к категориям(Комплектующие, Программное обеспечение), но не привязали к другой категории(напр. Флеш-накопители), но, у вас есть услуги в категории "по-умолчанию" - для этой категории будут выводиться услуги, содержащиеся в настройках "по-умолчанию"
      - Отключать вывод услуг/товаров/опций в настройках дополнительных услуг в разделе "учитывать в заказе"
      Возможности модуля делают работу с дополнительными услугами гибкой и эффективной, пересчет итогов в корзине при выборе дополнительных услуг происходит "на лету", без перезагрузки страницы.
      Модуль не меняет файлы системы и выполнен только для opencart 2.x
      Установка и настройка:
      1. Копируем файлы проекта в систему. Замен при первой установке модуля быть не должно!
      2. В административной части устанавливаем модуль "Дополнительные услуги"(1) в разделе "модули" и "Дополнительные услуги"(2) в разделе "Учитывать в заказе".
      3. В настройках модуля (1) указываем название модуля, добавляем(если нужно) категорию. Добавляется категория с помощью автодополнения по первым введенным буквам. Затем, категория выбирается в левой части экрана и добавляются услуги в правой. Каждая услуга добавляется кнопкой "+" и удаляется кнопкой "-"(при отметке "галочки" рядом с услугой).
      4. Обязательно в настройках (1) указать, что модуль "Отключен" - это даст эффект работы с категориями, но не вывода на экран непосредственно на сайте(этим занимается модуль (2)). Сохраняем.
      5. В настройках модуля (2) указываем порядок сортировки, указываем что модуль включен и опционально работу с настройками категорий "по умолчанию"
      6. Чтобы вывести учет в заказе в корзину, нужно в разделе "Система->Дизайн->макеты" в схеме "Checkout" добавить модуль "Дополнительные услуги"
      7. Проверяем, что все работает :)
      Весь процесс установки и настройки выполнен на картинках во вложении
      Добавил balukoff Добавлено 11.02.2016 Категория Учет в заказе Системные требования Сайт разработчика http://balukoff.ru Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop Обращение к серверу разработчика  
    • By mfred
      500.00 руб
      Скачать/Купить дополнение


      Опции с картинками
      Модулю для работы необходим vqmod.
      Тестировалось на OC 2.0.3.1 (rs.2)
      Модуль дает возможность изменять изображение на странице товара и в корзине в зависимости от выбранной опции для этого товара.
      Для этого в админпанели при создании / редактировании товара добавляются опции и к нужным изображениям привязываются определенные опции.
      Установка
      1. Скопировать все с папки "upload" в корневую папку вашего магазина. Файлы движка не будут перезаписаны.
      2. Установить модуль в панели управления
      Добавил mfred Добавлено 19.01.2016 Категория Опции  
    • By 29aleksey
      300.00 руб
      Скачать/Купить дополнение


      Купить в 1 клик PRO - oc 2.x
      Купить в 1 клик PRO - oc 2.x Быстрый заказ
      Версия для 15
      купить все что в корзине в 1 клик
      заказ падает в заказ
      демо Opencart 2.x карточка товара
      демо Страница категорий
      login: demo
      pass: demo



      1) Пользователь видит дополнительные кнопки "Быстрого заказа" - кнопки имеют гибкие настройки как по цвету, так и по иконкам(более 400)
      2) Быстрый заказ не только с карточки товара но и с категории
      3) Регистрация всех заказов в админке + информер + ссылка на страницу товара, заказ на который был сделан.
      4) Гибкие настройки цветов, названий ,отправки СМС.
      5) Заказ падает в заказ
      6) В модуль добавлен выбор опций.
      7) При выборе количества и опции автоматический пересчет цены.
      8) В админке в графе регистрации быстрых заказов отображается присвоеный порядковый номер заказа + название и картинка заказанного товара ( очень удобно для визуального контроля)
      9) Быстрая обработка с переходом в сам заказ , присвоение статуса.
      Модуль использует ionCube с онлайн проверкой ключа после приобретения писать в личку заглавив письмо" КУпил, Скачал, Жду ключа на Купить в 1 клик"
      Добавил 29aleksey Добавлено 23.12.2015 Категория Покупки, оформление заказа, корзина Системные требования Сайт разработчика Старая цена 399 Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop Обращение к серверу разработчика  
    • By ZRcode
      1 199.00 руб
      Скачать/Купить дополнение


      ZR code - Брошенная корзина [Opencart 1.5.x - 3.0.x]

       

       
       
       

       

       

       

       

       

       
       
       

       

       

       
       
       

       
       
       

      Добавил ZRcode Добавлено 10.12.2015 Категория Покупки, оформление заказа, корзина Системные требования IonCube Loader не ниже 5.0 PHP не ниже 5.3 Сайт разработчика https://zr-code.com Старая цена 1575 Метод активации По запросу на почту Ioncube Loader Требуется OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 3.0
      2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Обращение к серверу разработчика  
  • 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.