COVID2019 и это вот все. Друзья, вся эта история начинает плохо пахнет. Мойте руки, не ходите в люди. Отложите все плановые покупки и положите в носок заначку. Заприте ваших родителей, бабушек-дедушек на даче. Лучше перебдеть чем недобдеть. Берегите себя!

Как создать собственный фон для Новинки, Акции?


Recommended Posts

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


Подскажите, пожалуйста, как создать собственный фон для Новинки, Акции, Рекомендуем. Дефолтный шаблон.


Заранее благодарен.


 


post-301-0-49784000-1423806220_thumb.jpg

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

зайти в 



catalog/view/theme/default/template/module/product_tab.tpl

дописать классы, дабы не затронуть стили на странице продукта


 


например, первая строчка 



<div id="tabs-<?php echo $module; ?>" class="htabs">

добавить еще один класс



....... class="htabs home_htabs">

а также ниже дописать классы для следующих блоков...



<div id="tab-latest-<?php echo $module; ?>" class="tab-content home_tab">


<div id="tab-featured-<?php echo $module; ?>" class="tab-content home_tab">


<div id="tab-bestseller-<?php echo $module; ?>" class="tab-content home_tab">


<div id="tab-special-<?php echo $module; ?>" class="tab-content home_tab">

Далее идем в таблицу стилей



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

И примерно в строчках 778 (не существенно), находим /* box */ и перед ним дописываем



.htabs.home_htabs {  }
.tab-content.home_tab { background:#ffffff; }

ну вот и все, далее нужный цвет а также дополнительные стили по вкусу :) дописывайте какие надо

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

При добавлении в catalog/view/theme/default/template/module/product_tab.tpl


 


 


  <div id="tabs-<?php echo $module; ?>" htabs home_htabs">


  <div id="tab-latest-<?php echo $module; ?>" class="tab-content home_tab">


  <div id="tab-featured-<?php echo $module; ?>" class="tab-content home_tab">


  <div id="tab-bestseller-<?php echo $module; ?>" class="tab-content home_tab">


  <div id="tab-special-<?php echo $module; ?>" class="tab-content home_tab"> 


 


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


post-301-0-03626700-1424034419_thumb.jpg

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

При добавлении в catalog/view/theme/default/template/module/product_tab.tpl

 

 

  <div id="tabs-<?php echo $module; ?>" htabs home_htabs">

  <div id="tab-latest-<?php echo $module; ?>" class="tab-content home_tab">

  <div id="tab-featured-<?php echo $module; ?>" class="tab-content home_tab">

  <div id="tab-bestseller-<?php echo $module; ?>" class="tab-content home_tab">

  <div id="tab-special-<?php echo $module; ?>" class="tab-content home_tab"> 

 

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

 

сайт на денвере или на хостинге?

если второе ссылку дайте

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

div-ки где-то не закрыли. Проверяйте 

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

post-301-0-71773900-1424102917_thumb.jpg

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

На самом деле все проще можно сделать. Правда я не на дефолтном шаблоне пробовала, но смысл тот же. 
Убирайте из файла тот код, который добавили. 
 
Добавьте в stylesheet.css
 
перед  /* box */
 
строки
 

#tab-featured-0.tab-content, #tab-latest-0.tab-content, #tab-special-0.tab-content{background:#нужный цвет;}
Ссылка на комментарий
Поделиться на других сайтах

Не то сделали!
Удалите для начала то что в двух рамках на скрине, что добавили

Смотрите на скрине у вас строка 3, вот такой код должен стоять вместо строки 26

Со ледующими тоже самое сделать надо, примерно следующий блок ищите под кодом <?php if($featured_products){ ?>

 

и так далее осмотритесь внимательнее и действуйте

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

 

На самом деле все проще можно сделать. Правда я не на дефолтном шаблоне пробовала, но смысл тот же. 

Убирайте из файла тот код, который добавили. 

 

Добавьте в stylesheet.css

 

перед  /* box */

 

строки

 

#tab-featured-0.tab-content, #tab-latest-0.tab-content, #tab-special-0.tab-content{background:#нужный цвет;}

Ваш способ апробирован и успешно!!! :)

Спасибо!

 

P.S. Способ Seofisher-а буду пробовать

Всем спасибо, за помощь.

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

Join the conversation

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

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  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.