Jump to content
Sign in to follow this  
JIIOTbIU

Не вмещается панель категорий на главной

Recommended Posts

Здравствуйте, подскажите пожалуйста, как можно уместить или поменять размер кнопок категорий на главной странице сайта?), opencart 1.5.4.1, категории налезают друг на друга.

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

Сцылку))))

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

Share this post


Link to post
Share on other sites

Ссылка ведёт в никуда! 

Share this post


Link to post
Share on other sites

Ссылка ведёт в никуда! 

извиняюсь)) вот сайт nxstudio.ru

Share this post


Link to post
Share on other sites

Если правильно понял,то на последнюю категорию меню залезла корзина и её нужно поднять выше,например так,строка 164

 

 

#header #cart {
position: absolute;
top: 38px; /* исправлено */
right: 0px;
z-index: 1;
}
  • +1 1

Share this post


Link to post
Share on other sites

Если правильно понял,то на последнюю категорию меню залезла корзина и её нужно поднять выше,например так,строка 164

 

 

#header #cart {
position: absolute;
top: 38px; /* исправлено */
right: 0px;
z-index: 1;
}

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

Share this post


Link to post
Share on other sites

Как правило резиновому шаблону вместо фиксированной ширины в пикселя  указывают ширину в 100%.

 

Вот пример "резинки"   Вашего шаблона 

 

 

e27f3bc5070c.jpg

 

 

 

Строка 90

 

#container {
width: 100%;/* исправлено */
margin-left: auto;
margin-right: auto;
text-align: left;
}
  • +1 1

Share this post


Link to post
Share on other sites

Как правило резиновому шаблону вместо фиксированной ширины в пикселя  указывают ширину в 100%.

 

Вот пример "резинки"   Вашего шаблона 

 

 

e27f3bc5070c.jpg

 

 

 

Строка 90

 

#container {
width: 100%;/* исправлено */
margin-left: auto;
margin-right: auto;
text-align: left;
}

тоже все получилось))) оказывается и не сложно и даже интересно. Если не сильно я вас замучил, спрошу еще) Чтобы сам шаблон к примеру можно было просматривать и на телефоне и на планшете и на других устройствах и везде бы он сжимался или как правильно выразиться - не терял структуру и не разваливался и удобно просматривался. Это также нужно править stylesheet.css ?)

Share this post


Link to post
Share on other sites

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

  • +1 1

Share this post


Link to post
Share on other sites

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

ясно) буду разбираться дальше, спасибо)

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

 

Share this post


Link to post
Share on other sites

 

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

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

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

 

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

Share this post


Link to post
Share on other sites

причем тут опенкарт...это основы css

назначьте меню не фиксированную ширину, а например max-width:1024px;

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

  • +1 1

Share this post


Link to post
Share on other sites

причем тут опенкарт...это основы css

назначьте меню не фиксированную ширину, а например max-width:1024px;

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

ясно, спасибо) буду дальше пыхтеть))

Share this post


Link to post
Share on other sites

можно сделать 2 варианта css, в header.tpl определять разрешение экрана и применять соответственно разные стили под разные устройства

Share this post


Link to post
Share on other sites

можно сделать 2 варианта css, в header.tpl определять разрешение экрана и применять соответственно разные стили под разные устройства

тоже кстати хороший вариант

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

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

 

Share this post


Link to post
Share on other sites

можно сделать 2 варианта css, в header.tpl определять разрешение экрана и применять соответственно разные стили под разные устройства

тоже кстати хороший вариант

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

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

 

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

Share this post


Link to post
Share on other sites

можно сделать 2 варианта css, в header.tpl определять разрешение экрана и применять соответственно разные стили под разные устройства

не подумал про это, спасибо сейчас что-нибудь попробую сделать(я только учусь, слишком завлекло, сильно не ругайтесь если что)))

Share this post


Link to post
Share on other sites

 

можно сделать 2 варианта css, в header.tpl определять разрешение экрана и применять соответственно разные стили под разные устройства

тоже кстати хороший вариант

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

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

 

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

ну во первых на этом форуме не поддерживаются ворованые шаблоны, поэтому с дальнейшими просьбами обращайтесь к автору шаблона

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

И в третих - этот шаблон сделан очень нестандартно, при Ваших знаниях, я бы не советовал Вам самостоятельно в нем ковырять

Share this post


Link to post
Share on other sites

 

 

можно сделать 2 варианта css, в header.tpl определять разрешение экрана и применять соответственно разные стили под разные устройства

тоже кстати хороший вариант

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

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

 

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

ну во первых на этом форуме не поддерживаются ворованые шаблоны, поэтому с дальнейшими просьбами обращайтесь к автору шаблона

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

И в третих - этот шаблон сделан очень нестандартно, при Ваших знаниях, я бы не советовал Вам самостоятельно в нем ковырять

хорошо) только я не знал, что он ворованый, скачивал в категории бесплатные))

Share this post


Link to post
Share on other sites

 

 

 

можно сделать 2 варианта css, в header.tpl определять разрешение экрана и применять соответственно разные стили под разные устройства

тоже кстати хороший вариант

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

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

 

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

ну во первых на этом форуме не поддерживаются ворованые шаблоны, поэтому с дальнейшими просьбами обращайтесь к автору шаблона

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

И в третих - этот шаблон сделан очень нестандартно, при Ваших знаниях, я бы не советовал Вам самостоятельно в нем ковырять

хорошо) только я не знал, что он ворованый, скачивал в категории бесплатные))

странно, возможно я ошибся...больно похож он на этот 

PS свой первый магазин я делал на этом

тоже чемто похож

Share this post


Link to post
Share on other sites

 

 

 

 

можно сделать 2 варианта css, в header.tpl определять разрешение экрана и применять соответственно разные стили под разные устройства

тоже кстати хороший вариант

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

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

 

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

ну во первых на этом форуме не поддерживаются ворованые шаблоны, поэтому с дальнейшими просьбами обращайтесь к автору шаблона

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

И в третих - этот шаблон сделан очень нестандартно, при Ваших знаниях, я бы не советовал Вам самостоятельно в нем ковырять

хорошо) только я не знал, что он ворованый, скачивал в категории бесплатные))

странно, возможно я ошибся...больно похож он на этот 

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

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.