Перейти к содержанию
OKenas

Помощь в верстке, Дефолтный шаблон )

Рекомендуемые сообщения

В краце. Стоит дефолтный шаблон opencart 1.5.6.1 1

Возникли 2 проблемы.  :cry:

1) Как пихнуть название, стоимость и "в корзину" в таблицу с картинкой товара. (как на картинке) Картинка1.jpg  :(

2) Как сделать двойной background !? Пример на картинке 2  Картинка2.jpg (BG1 - первый фон, BG2 - второй фон)  :( 

Буду очеееень благодарен за помощь.  :-)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

1. убираете бордер у картинки и ставите бордер на весь блок

2. 

background: url(../images/bgbot.jpg) no-repeat center bottom,
            #000 url(../images/back.jpg) center top no-repeat;

примерно так...сразу говорю -ПРИМЕРНО... порядок такой как показал, важно что бы нижний фон был прописан первым, а верхний вторым

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

1.

catalog/view/theme/default/stylesheet/stylesheet.css

найти

 

.box-product .image img {
и там убрать
border: 1px solid #E7E7E7;
далее найти
.box-product > div {
и в нем добавить то самое
border: 1px solid #E7E7E7;
можно еще с отступами пошалить
 
2.
bg1 можно сделать фоном шапки, а bg2 - фоном сайта. Шапку немного переделать, чтобы во всю ширь была.
Обернуть ее, например, в дополнительный блок шириной 100%, фоном bg1 и выравниванием по центру.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

1.

catalog/view/theme/default/stylesheet/stylesheet.css

найти

 

.box-product .image img {
и там убрать
border: 1px solid #E7E7E7;
далее найти
.box-product > div {
и в нем добавить то самое
border: 1px solid #E7E7E7;
можно еще с отступами пошалить
 
2.
bg1 можно сделать фоном шапки, а bg2 - фоном сайта. Шапку немного переделать, чтобы во всю ширь была.
Обернуть ее, например, в доболнительный блок шириной 100%, фоном bg1 и выравниванием по центру.

 

Вы просто мой спаситель.  :eek: 

1) Вот с 1 пунктом раздуплился более менее...)

Только не пойму где править название, цену, кнопку "купить" Картинка3.jpg (по центру нид.)

 

2) Так понимаю сделать таблицу с нужным бэкграундом и в таблицу шапку.

Вариант конечно, но только я далек от opencart, как вчера с майдана приехал, поставил его и в голову чесался :cry:

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

1. - можно

text-align:center;
padding:10px;

вставить в тот-же 

.box-product > div

А для .price и .cart организовать свой блок, в котором их раскидать по сторонам с помощью того-же float

 

2. Нихт, но, найн! Никаких таблиц. Просто хидер в отдельный блок вставить 100%-тный по ширине и ему фон задать.

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

На то и форум. :)

 

P.S. Слава Україні! ;)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Решил проблем с двойным background:
В catalog/view/theme/default/stylesheet/stylesheet.css

Ищем:

#container {
width: 980px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

Заменяем на:

#container {
width: 980px;
background: url('../image/ВашаКартинка.jpg') no-repeat;
padding: 0px 20px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

В итоге получается что-то типа: Картинка4.jpg

Название товара поставил по центру, но как втулить кнопку "купить" к стоимости товара не знаю..)
Щас дам доступ к ФТП..)
Героям Слава !  :-)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Контейнер шириной-то - меньше, чем экран. Стандартно - 980px, вроде. Большая картинка не получится.

Его надобно открывать в конце хидера, а сам хидер в новый блок совать.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Контейнер шириной-то - меньше, чем экран. Стандартно - 980px, вроде. Большая картинка не получится.

Его надобно открывать в конце хидера, а сам хидер в новый блок совать.

Дал FTP, исправляйте  :-D

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Для начала я зашел в
catalog/view/theme/default/template/module/featured.tpl
Это файл шаблона рекомендуемых товаров.
 

Сделал там новый блок, в который поместил цену и кнопку.

<div class="price-horizontal">
        <div class="price">
          <?php if (!$product['special']) { ?>
          <?php echo $product['price']; ?>
          <?php } else { ?>
          <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
          <?php } ?>
        </div>
<div class="cart"><input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /></div>
</div>
 
Разницу ищите сами, там несложно.
Таким образом я засунул цену товара и кнопку "купить" в один блок. Назвал я его "price-horizontal".
 
Теперь стили.
 
Идем по адресу
catalog/view/theme/default/stylesheet/stylesheet.css
 
ищем строку
.box-product .price
этот участок отвечает за вывод цены.
добавляем 
float:left; padding-left:5px;
таким образом наша цена "прилипает" к левому краю нового блока, но оставляем отступ небольшой, чтобы не вплотную.
дальше добавляем
.box-product .cart { 
float:right; 
padding-right:5px; }
.price-horizontal { 
padding:5px; 
min-height:30px; }
.box-product .cart в стилях просто отсутствовал, а price-horizontal - это класс, который я только что добавил. Дальше видно, что я с ними сделал. Кому не видно - гуглите css.
 
Вуаля! Осталась небольшая проблема в виде специальной цены в строку со стандартной, но это по-быстрому решается элементарным <br/> в шаблоне.
 
Остается настроить отступы по вкусу и наслаждаться красотой.
Соответственно, изменения действуют для "рекомендуемых". Для бестселлеров, новинок и т.п. нужно в соответствующих файлах шаблона те-же действия совершить.
Спасибо за внимание.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

"Исправляйте". 

Ишь ты. :-D

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

"Исправляйте". 

Ишь ты. :-D

Спасибо вам огромное..) 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

"Исправляйте". 

Ишь ты. :-D

Спасибо вам огромное..) 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Я дико извиняюсь!

Знаю что тема уже заезженная но все что я здесь нашел мне успехов не принесло.

 

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

Первое что я сделал - пытался связаться с автором шаблона (шаблон не дефолтный) но безрезультатно, на письма не отвечает.

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

Подскажите пожалуйста что и в каком файле нужно менять? 

 

P.S. Во вложении указал что хочу сделать

 

post-679326-0-85036200-1392849087_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Первое что я сделал - пытался связаться с автором шаблона (шаблон не дефолтный) но безрезультатно, на письма не отвечает.

 

 

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

 

https://opencartforum.com/topic/27272-%D1%83%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9-%D0%B0%D0%B4%D0%B0%D0%BF%D1%82%D0%B8%D0%B2%D0%BD%D1%8B%D0%B9-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD-polianna/

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

https://opencartforum.com/topic/27272-%D1%83%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D1%81%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9-%D0%B0%D0%B4%D0%B0%D0%BF%D1%82%D0%B8%D0%B2%D0%BD%D1%8B%D0%B9-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD-polianna/

 

Я этот шаблон не покупал, я его скачал со стороннего сайта и то что он платный я узнал только что!

Автору писал на ящик который был указан на том сайте, ни ответа ни привета, отак-от!

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Скачали, ознакомились, попробовали, понравился.

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Скачали, ознакомились, попробовали, понравился.

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

 

Как хорошо сказано :-)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

А на каком основании автор должен помогать халявщикам?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

А на каком основании автор должен помогать халявщикам?

 

Еще раз повторюсь, о том что шаблон ПЛАТНЫЙ я узнал только сегодня из Ваших же уст!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.