0 Пользователей и 1 Гость просматривают эту тему.
  • 42 Ответов
  • 4787 Просмотров
*

Anton shop

  • Захожу иногда
  • 261
  • 1 / 0
Как сделать так, чтобы при наведении курсора на категорию чёрно-белое изображение менялось на цветное?

На главной странице своего сайте вывел категории товаров JoomShopping 4.2.2 в Joomla 3.1.1.
Категории я вывел с помощью меню: создал пункт меню Главная и выбрал тип пункта меню: JoomShopping - Категории.

В качестве изображений категорий взял логотипы производителей товаров (предварительно сделал их чёрно-белыми).

В каждой категории есть подкатегории, но мне нужно, чтобы изображения менялись с чёрно-белого на цветные только в ГЛАВНЫХ КАТЕГОРИЯХ (на скриншоте),
а в подкатегориях изображения не менялись, а оставались такими, какие я загружу.

« Последнее редактирование: 13.05.2013, 16:02:31 от Anton shop »
*

nevigen

  • Moderator
  • 10431
  • 862 / 25
  • http://n*****n.com
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !
*

Anton shop

  • Захожу иногда
  • 261
  • 1 / 0
« Последнее редактирование: 07.07.2013, 16:32:42 от Anton shop »
*

dmitry_stas

  • Легенда
  • 13151
  • 1234 / 8
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

Anton shop

  • Захожу иногда
  • 261
  • 1 / 0
css3
:hover
greyscale

nevigen, в каком именно файле нужно редактировать?
*

nevigen

  • Moderator
  • 10431
  • 862 / 25
  • http://n*****n.com
.../www/components/com_jshopping/css/default.css
только я дал принцип как.
« Последнее редактирование: 10.03.2019, 19:25:13 от nevigen »
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !
*

Anton shop

  • Захожу иногда
  • 261
  • 1 / 0
Nevigen, подскажи, в какой строке и что нужно вписать или заменить? Я в файле ещё ничего не менял.
Жирным шрифтом ниже для примера выделены главные категории, а под ними подкатегории.
НУЖНО, ЧТОБЫ ТОЛЬКО ИЗОБРАЖЕНИЯ КАТЕГОРИЙ МЕНЯЛИСЬ С ЦВЕТНОГО НА ЧЁРНО-БЕЛЫЕ ИЗОБРАЖЕНИЯ, ТО ЕСТЬ ЛОГОТИПЫ (как на скриншоте вверху).

Вот данные из моего файла default.css:
Код
.jshop h1{
    margin-top: 0px;
    font-size:16px;
}
.jshop td, .jshop tr{
    border: 0px;
}
td.jshop_categ{
vertical-align: top;
padding-bottom: 20px;
}
table.jshop{
border-collapse: collapse;
border: 0px;
width: 100%;
}
table.jshop td{
vertical-align: top;
}
table.list_product{
    margin-top:20px;
}
#jshop_menu_order{
margin-bottom:10px;
border: 1px solid #616161;
}
td.jshop_order_step{
padding:2px;
padding-top:5px;
padding-bottom:5px;
text-align: center;
vertical-align: middle;
}
.jshop_order_step a{
vertical-align: top;
text-decoration: underline;
font-size:12px;
}
img.jshop_img{
padding: 1px;
text-align: center;
border: 1px solid #808080;
}
img.jshop_img_thumb{
padding: 1px;
text-align: center;
border: 1px solid #808080;
    margin-left: 5px;
margin-right: 5px;
margin-bottom:5px;
cursor: pointer;
}
.jshop table.category{
    width: auto;
}
.jshop label{
    margin: 0px;
    display: inline;
}
table.jshop a img.jshop_video_thumb{
    padding: 1px;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom:5px;    
}
div.jshop_prod_description{
padding-top:10px;
    padding-bottom: 10px;
}
div.jshop_prod_attributes{
padding:0;
margin:0;
    padding-bottom: 10px;
}
td.jshop_img_description {
vertical-align: top;
text-align:left;
    padding-left: 10px;
}
td.jshop_img_description_center {
vertical-align: top;
text-align:left;
}
.jshop_subtotal .value{
text-align: right;
width: 12%;
    white-space: nowrap;
}
.jshop_subtotal .name{
    text-align: right;
    padding-right: 10px;
    width:88%;
}
.jshop .total{
    font-weight: bold;
}
.related_header{
    margin-top: 20px;
    border-bottom: 1px solid #999;
    font-weight: bold;
}
table.list_related{
    margin-top:10px;
}
tr#checkout td.td_1{
text-align: left;
font-weight: bold;
}
tr#checkout td.td_2{
text-align: right;
font-weight: bold;
}
table.jshop a img {
border: 0;
}
.jshop_pagination{
    margin-left: auto;
    margin-right: auto;
}
.jshop .product_list_hr{
    height: 1px;
    border-top:1px solid #aaa;
    margin-bottom: 10px;
}

table.jshop_checkout {
border: 1px solid red;
background-color: Gray;
}

div.jshop_register{
width: 80%;
text-align: left;
padding:10px;
padding-left:0px;
}
.jshop_register .name{
    width:215px;
}
.register_block .jshop_register .name{
    width:120px;
}
.address_block .jshop_register .name{
    width:115px;
}
.editaccount_block .jshop_register .name{
    width:115px;
}

span.small_header{
padding-bottom: 3px;
margin: 0px;
display: block;
font-size: 13px;
font-weight: bold;
}

span.jshop_error {
color:red;
font-weight: bold;
font-size: 14px;
display: block;
}

span.text_pay_without_reg{
    display: block;    
    padding-bottom: 10px;
}

a.policy {
text-transform: uppercase;
color: #000000;
font-weight: bold;
}

.jshop_payment_method{
padding-left: 20px;
}

#active_step{
font-weight: bold;
padding:0;
margin:0;
vertical-align: middle;
}

#order_add_info{
width: 400px;
height:70px;
}
p.jshop_cart_attribute{
padding-left:10px;
font-weight:bold;
font-style: italic;
font-size: 11px;
    margin-top:1px;
    margin-bottom:4px;
}
p.jshop_cart_extra_field{
    padding-left:10px;
    font-weight:bold;
    font-style: italic;
    font-size: 11px;
    margin-top:1px;
    margin-bottom:4px;
}
.jshop_price{
color: #950000;
}

td.jshop_categ a.product_link{
font-size: 14px;
}

.table_order_list{
width:100%;
background-color: #F8F8F9;
border: 1px solid #333;
}

.table_order_list td{
    vertical-align: top;
text-align: left;
}

span.attr{
   font-weight: bold;
   font-style: italic;
   font-size:10px;
}

div.jshop_register .inputbox{
width:240px;
}

span.review{
font-weight: bold;
margin-top:20px;
display: block;
}
.review_text_not_login{
    margin-top: 10px;
    font-style: italic;
}

textarea.jshop{
border: 1px solid #b0b1b2;
}

tr.reviews td{
padding-bottom:15px;
}

td.reviews{
padding-left:45px;
}

#mxcpr{
padding-top:20px;
text-align: right;
display:block;
}
#mxcpr a{
font-size:9px;
}

.jshop_code_prod{
    color: #999;
    font-weight: normal;
    font-size:12px;
}

table.cart{
    border-collapse: collapse;
    border:1px solid #ccc;
}
table.cart th{
    text-align: center;
    background-color: #ccc;
    padding:1px;
    color: #000;
}
table.cart td{
    text-align: center;
    border:1px solid #ccc;
    padding:7px 5px;
    vertical-align: top;
}
table.cart th table{
    border-collapse: collapse;
}
table.cart .odd td{
    background-color: #fff;
    color: #000;
}
table.cart .even td{
    background-color: #f9f9f9;
    color: #000;
}

table.cart .taxinfo{
    display: block;
    font-size:11px;
}

table.cart .jshop_code_prod{
    font-size:10px;
}
table.cart .manufacturer{
    padding:5px 0px 6px 10px;
    font-size:11px;
    font-weight: bold;
    font-style: italic;
}
table.cart .list_extra_field{
    padding-top:3px;
}

.jshop .weightorder{
    text-align: right;
    margin-top:3px;
}

.jshop .shippingfree{
    text-align: right;
    margin-top:3px;
}

.jshop .price_prod_qty_list .qty_line{
    padding-left: 5px;
    padding-right: 5px;    
}
.jshop .price_prod_qty_list .qty_price{
    padding-left: 5px;
    font-weight: bold;    
}
.jshop .price_prod_qty_list .qty_price span.per_piece{
    font-weight: normal;
}

.jshop .prod_buttons{
    
}

.jshop span.old_price{
    text-decoration: line-through;
    font-style: normal;
}

.jshop .list_product_demo{
    padding-top:10px;
}
.jshop .list_product_demo table{
}
.jshop .list_product_demo .download{
    padding-left:5px;
}

.jshop .not_available{
    color: red;
    margin-top:10px;
}

.jshop_list_product .block_product{
    padding-bottom: 20px;
}
.jshop_list_product .jshop .old_price{
    text-decoration: line-through;
    font-style: normal;
    padding-bottom: 1px;
}
.jshop_list_product .product td{
    vertical-align: top;
}
.jshop_list_product .product .image{
    padding-right: 5px;
}
.jshop_list_product .product .name{
    padding-top: 2px;
}
.jshop_list_product .product .description{
    font-size: 11px;
    padding-bottom:5px;
}
.jshop_list_product .product .buttons{
    padding-top:2px;
}
.jshop_list_product .product table.review_mark{
    border-collapse: collapse;
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;    
}
.jshop_list_product .product div.count_commentar{
    text-align: center !important;
}
.jshop_list_product .product .taxinfo{
    font-size:11px;
}
.jshop_list_product .product .plusshippinginfo, .jshop_list_product .product .plusshippinginfo a{
    font-size:11px;
}
.jshop_list_product .jshop_related{
    padding-bottom: 5px;    
}
.jshop_list_product .image_block{
    padding: 2px;
}
.jshop_list_product .jshop .not_available{
    margin-top:4px;
}
.jshop_list_product .box_products_sorting{
    padding-right:5px;
}
.jshop_list_product .box_products_sorting img{
    cursor: pointer;
}
.jshop_list_product .box_products_count_to_page{  
}

.jshop_list_product .margin_filter{
    height:8px;
}
.jshop_list_product .box_manufacrurer{
    padding-right: 5px;
    white-space: nowrap;
}
.jshop_list_product .box_category{
    padding-right: 5px;
    white-space: nowrap;
}
.jshop_list_product .filter_price{
    padding-right: 5px;
    white-space: nowrap;
}
.jshop_list_product .box_price_from{
    padding-right: 3px;
}
.jshop_list_product .clear_filter{
    font-size:10px;
    padding-left: 5px;
}

.jshop .product_label{
    position: absolute;
    margin-left: -5px;
    margin-top: -5px;    
}
.jshop .product_label .label_name{
    font-weight: bold;
    color: #950000;
}

.productfull #block_price{
    font-size:16px;
    font-weight: bold;
}
.productfull .taxinfo{
    font-size:11px;
}
.productfull .plusshippinginfo{    
    font-size:11px;
}
.productfull .plusshippinginfo a{
    font-size:11px;
}

.productfull .prod_buttons .buttons{
    padding-left:10px;
}
.productfull .prod_buttons {
    margin-top:5px;
}
.productfull div.prod_url{
    text-align: right !important;
}
.jshop_subtotal .plusshippinginfo, .jshop_subtotal .plusshippinginfo a{
    font-size:11px;
}

.jshop_subtotal .free_discount{
    font-size:11px;
}


.jshop_list_category .category td{
    vertical-align: top;
}
.jshop_list_category .category .image{
    padding-right: 5px;
}

.jshop_list_manufacturer .manufacturer td{
    vertical-align: top;
}
.jshop_list_manufacturer .manufacturer .image{
    padding-right: 5px;
}

.shipping_weight_to_price{
    margin-left:24px;
    margin-top:5px;
    border: 1px solid #000;
}
.shipping_weight_to_price .weight{
}
.shipping_weight_to_price .price{
    padding-left: 5px;
}

span.prod_attr_img{
    padding-left:5px;
}
span.prod_attr_img img{
    width:20px;
    height:20px;
}
.radio_attr_label img{
    width:20px;
    height:20px;
}


/*review*/
.review_header{
    margin-top:20px;
    font-weight: bold;
    border-bottom: 1px solid #999;
}
.review_item{
    border-bottom: 1px dotted #999999;
    padding: 10px;
    padding-left: 0px;
}
.review_user{
    font-weight:bold;
}
.review_time{
    
}
.review_text{
    padding-top: 2px;
    padding-bottom: 2px;
}
.review_mark{
    color: #333333;
    height: 18px;
}
#jshop_review_write .inputbox{
    width:180px;
}

.stars_no_active{
    height:16px;
    background-image:url(../images/star.gif);
    background-repeat: repeat-x;
    background-position: 0px 0px;
}
.stars_active{
    height:16px;
    background-image:url(../images/star.gif);
    background-repeat: repeat-x;
    background-position: 0px -16px;
}

.jshop .downlod_order_invoice{
    float:right;
}

.jshop .order_payment_params{
    padding-top:3px;
    font-size: 11px;
}

.vendordetailinfo .name{
    width:150px;
}
.vendordetailinfo .vendor_logo{
    float:right;
}

.requiredtext{
    padding-bottom: 10px;
    color: #A00;
    font-size:11px;
}
.jshop .input_type_radio{
    margin-right: 10px;
    white-space: nowrap;
    display: inline-block;
}
.jshop_profile_data{
    margin-bottom: 10px;
}
.jshop_profile_data .name{
    font-weight: bold;
}
.jshop_profile_data span{
    font-weight: bold;
}
.jshop_profile_data span.subinfo{
    font-size:10px;
}
.jshop_profile_data .jshop_user_group_info{
    font-size:10px;
}
.jshop .groups_list .title{
    width:150px;
}

/* module categories*/
.jshop_menu_level_0, .jshop_menu_level_0_a{
    margin-top:3px;
    margin-bottom:3px;
}
.jshop_menu_level_1, .jshop_menu_level_1_a{
    padding-left: 10px;
    margin-top:3px;
    margin-bottom:3px;    
}

.jshop_menu_level_2, .jshop_menu_level_2_a{
    padding-left: 20px;
    margin-top:3px;
    margin-bottom:3px;    
}
.jshop_menu_level_0_a a, .jshop_menu_level_1_a a, .jshop_menu_level_2_a a{
    font-weight:bold !important;
}
/**/

.label_products .block_item{
    margin-bottom: 10px;
}

.top_rating .block_item{
    margin-bottom: 10px;
}

.bestseller_products .block_item{
    margin-bottom: 10px;
}

.latest_products .block_item{
    margin-bottom: 10px;
}

.random_products .block_item{
    margin-bottom: 10px;
}

.jshop_filters .filter_price{
    padding-right: 5px;
}
.jshop_filters .clear_filter{
    display: block;
    font-size: 10px;
}

.jshop_button_print{
    width: 30px;
    float: right;
    padding-top:3px;
    text-align:right;
}
.extra_fields .extra_fields_group{
    font-weight: bold;
    padding-top:3px;
}
.extra_fields div{
}
.filter_characteristic .characteristic_name{
    padding-top:5px;
}
.filter_characteristic .characteristic_group{
    font-weight: bold;
    padding-top:5px;
}
.jshop td.attributes_title {
width: 50px;
}
.jshop span.attributes_description {
font-style: italic;
display: block;
}
.jshop .prod_free_attribs .name {
width: 50px;
}
.jshop span.freeattribut_description {
font-style: italic;
display: block;
}
.jshop span.extra_fields_description {
font-style: italic;
}
.jshop .prod_attr_img{
    vertical-align: top;
}
.jshop .cart .product_name{
    text-align: left;
}
.jshop .prod_qty_input input{
    width:20px;
}
.productfull .image_middle{
    width: 100px;
}
.productfull .manufacturer_name{
    padding-bottom: 10px;
}
.productfull .prod_free_attribs{
    padding-bottom: 10px;
}
.productfull .price_prod_qty_list{
    margin-bottom: 10px;
}
.productfull .button_back{
    padding-top: 10px;
}
.jshop_img_description #list_product_image_thumb{
    display: block;
}
.productfull .text_zoom {
    padding-bottom: 5px;
    padding-top: 3px;
}
.productfull .text_zoom img {
    float: left;
    padding-right: 5px;
}
.productfull a.lightbox:hover{
    color:#000 !important;
}
.fielderror{
    background-color: #FDC055 !important;
}

span.cart_reload{
    
}

Структура моих категорий и подкатегорий:
MILAVITSA
- бюстгальтеры
- трусы
- комплекты
- купальники
AVELINE
- бюстгальтеры
- трусы
LAUMA
- бюстгальтеры
- трусы
- комплекты
- купальники
« Последнее редактирование: 07.07.2013, 16:33:04 от Anton shop »
*

nevigen

  • Moderator
  • 10431
  • 862 / 25
  • http://n*****n.com
Простите, я не даю ответов, я даю подсказки..
я написал что Вам нужно  посмотреть CSS
написал какое свойство и какой метод использовать
что могу еще сказать ? может Вам попробовать ну например поиском пользоваться ?
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !
*

elvis20072008

  • Захожу иногда
  • 56
  • 1 / 0
  • Элвис жил, Элвис жив, Элвис будет жить.
У тебя на главной выведены категории или manufacturers?
*

Anton shop

  • Захожу иногда
  • 261
  • 1 / 0
У тебя на главной выведены категории или manufacturers?

Выведены главные категории JoomShopping.
При чём, я не устанавливал модуль JoomShopping Category, а просто в Joomla в меню (там, где создавал пункт меню Главная, выбрал  Тип пункта меню "JoomShopping - Категории" и они отобразились на моей главной странице.

Внутри каждой категории, которые видны на скриншоте, есть подкатегории. Но хочу, чтобы чёрно-белые изображения менялись на цветные только у главных категорий, то есть у тех, которые на скриншоте. Как это можно попробовать сделать?
« Последнее редактирование: 14.05.2013, 09:21:49 от Anton shop »
*

Anton shop

  • Захожу иногда
  • 261
  • 1 / 0
elvis20072008, пожалуйста, подскажи, если знаешь, как это реализовать. На многих сайтах такое видел и мне нравится такой эффект. Хочу сделать у себя на сайте.
« Последнее редактирование: 14.05.2013, 09:24:23 от Anton shop »
*

elvis20072008

  • Захожу иногда
  • 56
  • 1 / 0
  • Элвис жил, Элвис жив, Элвис будет жить.
Если да, то открываешь файл ../components/com_jshopping/templates/default/category/category_default.php
Ищешь там 14-ю строчку, удаляешь <img class...> и ставишь вместо него <span class> (только предварительно сохрани этот файл у себя на компе, вдруг, что-то не так пойдет)
и внимательно читаешь, здесь http://joomlaforum.ru/index.php/topic,263128.0.html
*

Anton shop

  • Захожу иногда
  • 261
  • 1 / 0
Если да, то открываешь файл ../components/com_jshopping/templates/default/category/category_default.php
Ищешь там 14-ю строчку, удаляешь <img class...> и ставишь вместо него <span class> (только предварительно сохрани этот файл у себя на компе, вдруг, что-то не так пойдет)
и внимательно читаешь, здесь http://joomlaforum.ru/index.php/topic,263128.0.html


Вот так выглядит у меня код в файле. Я новичёк в редактировании кода. Подскажи, как именно прописать ту часть кода, про которую ты говоришь? Если несложно, пожалуйста, выдели кусочек кода с изменёнными данными и напиши здесь...

Код
<?php defined( '_JEXEC' ) or die(); ?>
<div class="jshop">
<h1><?php print $this->category->name?></h1>
<?php print $this->category->description?>

<div class="jshop_list_category">
<?php if (count($this->categories)){ ?>
<table class = "jshop list_category">
    <?php foreach($this->categories as $k=>$category){?>
        <?php if ($k%$this->count_category_to_row==0) print "<tr>"; ?>
        <td class="jshop_categ" width="<?php print (100/$this->count_category_to_row)?>%">
          <table class = "category">
            <tr>
            <td class="image">
                <a href = "<?php print $category->category_link;?>"><img class="jshop_img" src="<?php print $this->image_category_path;?>/<?php if ($category->category_image) print $category->category_image; else print $this->noimage;?>" alt="<?php print htmlspecialchars($category->name)?>" title="<?php print htmlspecialchars($category->name)?>" /></a>
            </td>
            <td>
               <a class = "product_link" href = "<?php print $category->category_link?>"><?php print $category->name?></a>
               <p class = "category_short_description"><?php print $category->short_description?></p>
            </td>
            </tr>
           </table>
        </td>    
        <?php if ($k%$this->count_category_to_row==$this->count_category_to_row-1) print '</tr>'; ?>
    <?php } ?>
        <?php if ($k%$this->count_category_to_row!=$this->count_category_to_row-1) print '</tr>'; ?>
</table>
<?php }?>
</div>
<?php include(dirname(__FILE__)."/products.php");?>
</div>
« Последнее редактирование: 14.05.2013, 09:38:02 от Anton shop »
*

elvis20072008

  • Захожу иногда
  • 56
  • 1 / 0
  • Элвис жил, Элвис жив, Элвис будет жить.
Попробую сейчас сделать...
У тебя на русском языке наазвания производителей есть?
*

Anton shop

  • Захожу иногда
  • 261
  • 1 / 0
У тебя на русском языке наазвания производителей есть?

Главные категории только на английском языке. А подкатегории на русском и есть на английском.
*

Anton shop

  • Захожу иногда
  • 261
  • 1 / 0
*

Anton shop

  • Захожу иногда
  • 261
  • 1 / 0
У тебя на русском языке наазвания производителей есть?

Залил новый скриншот
*

Anton shop

  • Захожу иногда
  • 261
  • 1 / 0
Вот исходный код 15 строки

Код
<a href = "<?php print $category->category_link;?>"><img class="jshop_img" src="<?php print $this->image_category_path;?>/<?php if ($category->category_image) print $category->category_image; else print $this->noimage;?>" alt="<?php print htmlspecialchars($category->name)?>" title="<?php print htmlspecialchars($category->name)?>" /></a>


А это я попробовал изменить, как ты говорил. Проверь, правильно ли я исправил? Подскажи, что не так?

Код
<a href = "<?php print $category->category_link;?>"><span class="jshop_img" src="<?php print $this->image_category_path;?>/<?php if ($category->category_image) print $category->category_image; else print $this->noimage;?>" alt="<?php print htmlspecialchars($category->name)?>" title="<?php print htmlspecialchars($category->name)?>" /></a>
« Последнее редактирование: 14.05.2013, 09:53:39 от Anton shop »
*

elvis20072008

  • Захожу иногда
  • 56
  • 1 / 0
  • Элвис жил, Элвис жив, Элвис будет жить.
Вот исходный код 15 строки

Код
<a href = "<?php print $category->category_link;?>"><img class="jshop_img" src="<?php print $this->image_category_path;?>/<?php if ($category->category_image) print $category->category_image; else print $this->noimage;?>" alt="<?php print htmlspecialchars($category->name)?>" title="<?php print htmlspecialchars($category->name)?>" /></a>


А это я попробовал изменить, как ты говорил. Проверь, правильно ли я исправил? Подскажи, что не так?

Код
<a href = "<?php print $category->category_link;?>"><span class="jshop_img" src="<?php print $this->image_category_path;?>/<?php if ($category->category_image) print $category->category_image; else print $this->noimage;?>" alt="<?php print htmlspecialchars($category->name)?>" title="<?php print htmlspecialchars($category->name)?>" /></a>
У тебя должно получиться примерно так:
Код
<span class="<?php print JApplication::stringURLSafe($category->name)?>">&nbsp;</span>
*

elvis20072008

  • Захожу иногда
  • 56
  • 1 / 0
  • Элвис жил, Элвис жив, Элвис будет жить.
Ты должен из массива категории вытянуть имя категории и присвоить ему стили+псевдокласс hover в CSS в стилях через background показываешь картинку, так, как у меня написано и позиционируешь через background-position.
*

Anton shop

  • Захожу иногда
  • 261
  • 1 / 0
Я вообще не разбираюсь в кодах и не понимаю, что значит "вытянуть и как через background показать картинку.

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

Anton shop

  • Захожу иногда
  • 261
  • 1 / 0
Если нужно какой-то код тебе сбросить, скажи из какого файла и где он находится....
*

Anton shop

  • Захожу иногда
  • 261
  • 1 / 0
Я в глубоком разочаровании... Я так хотел сделать такой эффект.

У меня на Главной выведены не Производители, которые указываются в Опциях JoomShopping, а Категории.
« Последнее редактирование: 14.05.2013, 10:16:41 от Anton shop »
*

elvis20072008

  • Захожу иногда
  • 56
  • 1 / 0
  • Элвис жил, Элвис жив, Элвис будет жить.
В идеале, мне бы доступ по FTP  ^-^, потому, что я сам еще учусь и мне нужно видеть изменения сразу.
*

elvis20072008

  • Захожу иногда
  • 56
  • 1 / 0
  • Элвис жил, Элвис жив, Элвис будет жить.
Я в глубоком разочаровании... Я так хотел сделать такой эффект.

У меня на Главной выведены не Производители, которые указываются в Опциях JoomShopping, а Категории.
Я это понял, я тебе и сказал править файл категорий.
*

Anton shop

  • Захожу иногда
  • 261
  • 1 / 0
Скажи из какого файла мне скопировать код и я сюда скопирую, а потом отредактированный код вставлю у себя, где нужно будет.
*

Anton shop

  • Захожу иногда
  • 261
  • 1 / 0
Просто давай попробуем по порядку и всё получится!
*

elvis20072008

  • Захожу иногда
  • 56
  • 1 / 0
  • Элвис жил, Элвис жив, Элвис будет жить.
../components/com_jshopping/templates/default/category/category_default.php
*

Anton shop

  • Захожу иногда
  • 261
  • 1 / 0
Вот код category_default.php:

Код
<?php defined( '_JEXEC' ) or die(); ?>
<div class="jshop">
<h1><?php print $this->category->name?></h1>
<?php print $this->category->description?>

<div class="jshop_list_category">
<?php if (count($this->categories)){ ?>
<table class = "jshop list_category">
    <?php foreach($this->categories as $k=>$category){?>
        <?php if ($k%$this->count_category_to_row==0) print "<tr>"; ?>
        <td class="jshop_categ" width="<?php print (100/$this->count_category_to_row)?>%">
          <table class = "category">
            <tr>
            <td class="image">
                <a href = "<?php print $category->category_link;?>"><img class="jshop_img" src="<?php print $this->image_category_path;?>/<?php if ($category->category_image) print $category->category_image; else print $this->noimage;?>" alt="<?php print htmlspecialchars($category->name)?>" title="<?php print htmlspecialchars($category->name)?>" /></a>
            </td>
            <td>
               <a class = "product_link" href = "<?php print $category->category_link?>"><?php print $category->name?></a>
               <p class = "category_short_description"><?php print $category->short_description?></p>
            </td>
            </tr>
           </table>
        </td>    
        <?php if ($k%$this->count_category_to_row==$this->count_category_to_row-1) print '</tr>'; ?>
    <?php } ?>
        <?php if ($k%$this->count_category_to_row!=$this->count_category_to_row-1) print '</tr>'; ?>
</table>
<?php }?>
</div>
<?php include(dirname(__FILE__)."/products.php");?>
</div>

Можешь просто скопировать весь код от начала до конца и внеси в него изменения, а я его потом скопирую его и в исходном файле просто вставлю, заменив изначальный код.
« Последнее редактирование: 14.05.2013, 10:29:05 от Anton shop »
*

elvis20072008

  • Захожу иногда
  • 56
  • 1 / 0
  • Элвис жил, Элвис жив, Элвис будет жить.
Замени на этот код:
Код
<?php defined( '_JEXEC' ) or die(); ?>
<div class="jshop">
<h1><?php print $this->category->name?></h1>
<?php print $this->category->description?>

<div class="jshop_list_category">
<?php if (count($this->categories)){ ?>
<table class = "jshop list_category">
    <?php foreach($this->categories as $k=>$category){?>
        <?php if ($k%$this->count_category_to_row==0) print "<tr>"; ?>
        <td class="jshop_categ" width="<?php print (100/$this->count_category_to_row)?>%">
          <table class = "category">
            <tr>
            <td class="image">
                <a href = "<?php print $category->category_link;?>"
<span class="<?php print JApplication::stringURLSafe($category->name)?>">&nbsp;</span>
</a>
            </td>
            <td>
               <a class = "product_link" href = "<?php print $category->category_link?>"><?php print $category->name?></a>
               <p class = "category_short_description"><?php print $category->short_description?></p>
            </td>
            </tr>
           </table>
        </td>   
        <?php if ($k%$this->count_category_to_row==$this->count_category_to_row-1) print '</tr>'; ?>
    <?php } ?>
        <?php if ($k%$this->count_category_to_row!=$this->count_category_to_row-1) print '</tr>'; ?>
</table>
<?php }?>
</div>
<?php include(dirname(__FILE__)."/products.php");?>
</div>
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Смена фото при наведении в списке товаров категории

Автор Taatshi

Ответов: 57
Просмотров: 3990
Последний ответ 15.06.2023, 15:53:25
от Akeksandr
[Решено] Вывод 3-х первых картинок в списке товаров категории

Автор rudoy24

Ответов: 29
Просмотров: 9749
Последний ответ 09.05.2023, 11:59:11
от Akeksandr
Плагин - Наложение маски на изображения объектов JoomShopping [Скачать]

Автор kit2m2

Ответов: 5
Просмотров: 2854
Последний ответ 20.09.2022, 11:51:02
от kit2m2
Вывод товаров из всех подкатегорий на странице категории

Автор Faina

Ответов: 351
Просмотров: 60694
Последний ответ 09.09.2022, 10:12:52
от kit2m2
Удаление изображения категории внутри категории

Автор Concolor

Ответов: 34
Просмотров: 1993
Последний ответ 10.04.2021, 18:11:02
от Concolor