Перейти к содержимому


Изменение Каталога И Общей Стилистики

каталог изменение каталога стиль

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 35

#21 A-myshop

A-myshop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 150 сообщений

Отправлено 23 Сентябрь 2014 - 22:27

ничего не поменялось.

#22 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 23 Сентябрь 2014 - 22:33

Просмотр сообщенияA-myshop (23 Сентябрь 2014 - 22:27) писал:

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

#23 A-myshop

A-myshop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 150 сообщений

Отправлено 24 Сентябрь 2014 - 12:07

1. Хотелось что бы каталог был слева как показано на рисунке без рамок, на чёрном фоне белые буквы.
2. Товары должны быть такой же таблицей ( пока товары вообще почему то не высвечиваются, хотя в категориях они стоят. )
3. Название товара и цена желательно так же как указано на картинке

Вот вроде и всё.

Прикрепленные изображения

  • Без имени-1.jpg


#24 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 24 Сентябрь 2014 - 13:12

Просмотр сообщенияA-myshop (24 Сентябрь 2014 - 12:07) писал:

1. Хотелось что бы каталог был слева как показано на рисунке без рамок, на чёрном фоне белые буквы.
2. Товары должны быть такой же таблицей ( пока товары вообще почему то не высвечиваются, хотя в категориях они стоят. )
3. Название товара и цена желательно так же как указано на картинке

Вот вроде и всё.
1. найдите в style.css
.accordion li {
background: #fff; 
cursor: pointer;
list-style-type: none;
padding: 0;
margin: 0;
display: block;
width: 100%;
position: relative;
}
замените на

.accordion li {
cursor: pointer;
list-style-type: none;
padding: 0;
margin: 0;
display: block;
width: 100%;
position: relative;
}
далее найдите

.accordion a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 20px;
display: block;
cursor: pointer;
}
замените на

.accordion a {
text-decoration: none;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 10px 8px 20px;
display: block;
cursor: pointer;
}
так же найдите
.infoBoxContents {
position: relative;
text-align: left;
font-size: 12px;
font-family: Calibri;
border: 1px solid #cdcdcd; 
display: block;
margin: 0;
padding: 10px;
}
заменит на

.infoBoxContents {
position: relative;
text-align: left;
font-size: 12px;
font-family: Calibri;
display: block;
margin: 0;
padding: 10px;
}
2. у вас сейчас товары расположены таблицей, и они отображаются корректно.
если вы имеете ввиду ссылку с главной на слайдере на Каталог, то Вы не указали ссылку, Вам исправили.
3 найдите в style.css
.product-name p {
width: 100%;
font-size: 12px;
margin: 0;
padding: 0;
cursor: pointer;
}
замените на

.product-name p {
width: 100%;
font-size: 12px;
margin: 0;
padding: 0;
cursor: pointer;
margin-top: 8px;
}


#25 A-myshop

A-myshop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 150 сообщений

Отправлено 24 Сентябрь 2014 - 19:00

Не могу найти в кодах
.infoBoxContents {
position: relative;
text-align: left;
font-size: 12px;
font-family: Calibri;
border: 1px solid #cdcdcd;
display: block;
margin: 0;
padding: 10px;
}

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

#26 batta

batta

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 24 Сентябрь 2014 - 19:28

Просмотр сообщенияA-myshop (24 Сентябрь 2014 - 19:00) писал:

Не могу найти в кодах
.infoBoxContents {
position: relative;
text-align: left;
font-size: 12px;
font-family: Calibri;
border: 1px solid #cdcdcd;
display: block;
margin: 0;
padding: 10px;
}

На счёт второго, я не знаю в чём тут дело. но я захожу в каталог, а товаров там просто нет. есть категории при нажатии на которые появляется запись в данной категории 10 товаров. но сами товары не появляются(( их нет. не куда кликать. вот. и что делать я не знаю. У меня большой тёмный тупик(
Здравствуйте.
.infoBoxContents{position: relative;text-align:left;font-size: 12px;font-family: Calibri;border: 1px solid #cdcdcd;display: block;margin: 0;padding: 10px;}
данный код находиться на 90 сточке в style.css

При заходе в каталог у нас отображаются товары

#27 A-myshop

A-myshop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 150 сообщений

Отправлено 24 Сентябрь 2014 - 20:19

По первому. нашёл. ступил, извеняюсь. а можно ли убрать ещё и сам каталог с гайкой в меню каталога?

А по второму. Не знаю, может у меня какие глюки, но как и говорил товары не отображаются, хоть и есть( ВВот скриншоты

Прикрепленные изображения

  • cats.jpg
  • cats1.jpg
  • cats2.jpg


#28 batta

batta

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 24 Сентябрь 2014 - 20:34

Просмотр сообщенияA-myshop (24 Сентябрь 2014 - 20:19) писал:

По первому. нашёл. ступил, извеняюсь. а можно ли убрать ещё и сам каталог с гайкой в меню каталога?

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

в style.css
.infoBox {
margin: 10px 0;
}
измените на
.infoBox {
margin: 10px 0;
display: none;
}

Прикрепленные изображения

  • 45апрке7апрваенк.png


#29 A-myshop

A-myshop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 150 сообщений

Отправлено 24 Сентябрь 2014 - 20:41

Блин, заменил, теперь и каталог пропал(

#30 batta

batta

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 24 Сентябрь 2014 - 20:44

Просмотр сообщенияA-myshop (24 Сентябрь 2014 - 20:41) писал:

Блин, заменил, теперь и каталог пропал(
не то убрали? точьните на скриншоте что нужно убрать.

#31 A-myshop

A-myshop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 150 сообщений

Отправлено 24 Сентябрь 2014 - 20:47

Вот это что красным отмечено убрать бы

Прикрепленные изображения

  • Без имени-2.jpg


#32 batta

batta

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 24 Сентябрь 2014 - 20:53

Просмотр сообщенияA-myshop (24 Сентябрь 2014 - 20:47) писал:

Вот это что красным отмечено убрать бы
в style.css
.box-heading{padding: 6px 15px 6px 40px;/*background: #000 url('{ASSETS_IMAGES_PATH}box-heading.png') no-repeat left center;*/color:#fff;font-size:17px;line-height: 30px;font-family: Calibri;font-weight: lighter;}
измените на
.box-heading{padding: 6px 15px 6px 40px;/*background: #000 url('{ASSETS_IMAGES_PATH}box-heading.png') no-repeat left center;*/color:#fff;font-size:17px;line-height: 30px;font-family: Calibri;font-weight: lighter;}

в шаблоне HTML
<div class="box-heading"><a href="{CATALOG_URL}">Каталог</a></div>
измените на
<div class="box-heading"><a href="{CATALOG_URL}"></a></div>


#33 A-myshop

A-myshop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 150 сообщений

Отправлено 24 Сентябрь 2014 - 21:16

Наконец то!!! УРА!!! СПАСИБО) Всё получилось. Кеш почистил всё стало видно. всё как надо убралось, даволен как ни кто другой)
Можно ли сделать что бы товары были без рамок и побольше как на скрине.

Прикрепленные изображения

  • cats.jpg


#34 batta

batta

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 24 Сентябрь 2014 - 21:44

Просмотр сообщенияA-myshop (24 Сентябрь 2014 - 21:16) писал:

Наконец то!!! УРА!!! СПАСИБО) Всё получилось. Кеш почистил всё стало видно. всё как надо убралось, даволен как ни кто другой)
Можно ли сделать что бы товары были без рамок и побольше как на скрине.
Размер можете менять в разделе Настройка--Основные -- Изображения товаров и Изображения категорий
в style.css
.product {
border: 1px solid #cdcdcd;
transition: all 0.5s linear 0s;
width: 200px;
display: inline-block;
padding: 5px;
vertical-align: top;
position: relative;
z-index: 100;
}
измените на
.product {
/* border: 1px solid #cdcdcd; */
transition: all 0.5s linear 0s;
width: 200px;
display: inline-block;
padding: 5px;
vertical-align: top;
position: relative;
z-index: 100;
}


#35 A-myshop

A-myshop

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 150 сообщений

Отправлено 24 Сентябрь 2014 - 22:04

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

Ой, всё нашёл.. спасибо. больше ничего не надо)) Вы мне очень помогли.

#36 batta

batta

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 24 Сентябрь 2014 - 22:12

Просмотр сообщенияA-myshop (24 Сентябрь 2014 - 22:04) писал:

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

Ой, всё нашёл.. спасибо. больше ничего не надо)) Вы мне очень помогли.
В style.css
.product .product-price .new_price {
font: 20px Tahoma,Geneva,sans-serif;
color: #000;
font-weight: normal;
padding-right: 5px;
white-space: nowrap;
}
измените на
.product .product-price .new_price {
font: 20px Tahoma,Geneva,sans-serif;
color: #000;
font-weight: normal;
padding-right: 20px;
white-space: nowrap;
}






Темы с аналогичным тегами каталог, изменение каталога, стиль

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных