Joomla Templates Club 406,261 posts

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#199482

Hi.

So i decided to remove wishlist and compare from my site, but i’m having a problem with the list/grid view buttons now.
I removed them in vQmod Manager
and modified category.tpl and product.tpl
/components/com_mijoshop/opencart/catalog/view/theme/decor/template/product/

i removed line 39
<div class=”product-compare”><a href=”<?php echo $compare; ?>” id=”compare-total”><?php echo $text_compare; ?></a></div>

and it somehow bugged the filter.

Can you help me out?

and also if i hover the product i still got the 3 icons, how can i remove those and just have all the image clickable.

Regards.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#541489

Please rollback the php code changes in all files and apply my solution to fix both the problems

+ Create templates/ja_decor/css/custom.css file and add new rule


.product-compare {
display: none !important;
}

.ja-product-grid .product-item:hover .actions {
display: none !important;
}

1 user says Thank You to Ninja Lead for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#541530

Also where can i change this padding to 0, so the bar have the same margin as the category list.

---

Attachments:

1. 

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#541539

Hey @ninja Lead i rolled back the category.tpl and product.tpl
and added your code.

But it only fix some of it.

please see the site.

added screenshots:

---

Attachments:

1. 
2. 
3. 
4. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#541646

Please try to find my answers with all your requests below and hope it helps you out

Open templates/ja_decor/css/custom.css file

Change


.ja-product-grid .product-item:hover .actions {
display: none !important;
}


To


.product-grid .actions .wishlist, .ja-product-grid .actions .wishlist {
display: none !important;
}

.product-grid .actions .compare, .ja-product-grid .actions .compare {
display: none !important;
}

.product-list .wishlist, .product-list .compare {
display: none !important;
}

.product-list > div.col-xs-12 .desc {
padding: 0 30px 0 0px;
}

.category-info {
margin-bottom: 30px;
}


1 user says Thank You to Ninja Lead for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#541769

Thank you very much @ninja Lead . There is just the cart left, how can i remove the icon and just make all of the image clickable

Thank you again for such a great support.

Regards.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#541771

<em>@hjalte1983 435964 wrote:</em><blockquote>Thank you very much @Ninja Lead . There is just the cart left, how can i remove the icon and just make all of the image clickable
</blockquote>

Which icon are you wanting to remove?

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#541772

the cart icon, so its just a clean image that get shadowed and able to click everywhere on the image

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#541800

<em>@hjalte1983 435964 wrote:</em><blockquote>Thank you very much @ninja Lead . There is just the cart left, how can i remove the icon and just make all of the image clickable

Thank you again for such a great support.

Regards.</blockquote>

Refer to code customization below and it should help you to achieve it

Open templates/ja_decor/css/custom.css file

Change


.product-grid .actions .wishlist, .ja-product-grid .actions .wishlist{
display: none !important;
}


To


.product-grid .actions .wishlist, .ja-product-grid .actions .wishlist, .ja-product-grid .actions .cart {
display: none !important;
}

.ja-product-grid .product-item .image:before {
content: initial !important;
}

1 user says Thank You to Ninja Lead for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#541934

Thank you @ninja Lead , but I can’t click the image.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#541937

<em>@hjalte1983 436155 wrote:</em><blockquote>Thank you @ninja Lead , but I can’t click the image.</blockquote>

I just quickly checked directly on your site and see it’s working fine with click the image, please have a look at my screenshot

---

Attachments:

1. 
2. 

1 user says Thank You to Ninja Lead for this useful post

1. hjalte1983

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#542120

ah yes i see now it works, with the shadow is gone,

Thanks
@ninja Lead I just noticed the add to wishlist and compare icons is back ??

[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#542141

<em>@hjalte1983 435674 wrote:</em><blockquote>Also where can i change this padding to 0, so the bar have the same margin as the category list.

</blockquote>

This does not work on my brands menus ?

see image

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#542195

<em>@hjalte1983 436409 wrote:</em><blockquote>ah yes i see now it works, with the shadow is gone,

Thanks
@ninja Lead I just noticed the add to wishlist and compare icons is back ??</blockquote>

If you want wishlist and compare icons back on your site, you have to change like below

Open templates/ja_decor/css/custom.css file, find and remove scripts


.product-compare {
display: none !important;
}

.product-grid .actions .wishlist, .ja-product-grid .actions .wishlist {
display: none !important;
}

.product-grid .actions .compare, .ja-product-grid .actions .compare {
display: none !important;
}

.product-list .wishlist, .product-list .compare {
display: none !important;
}


<em>@hjalte1983 436444 wrote:</em><blockquote>This does not work on my brands menus ?

see image
</blockquote>

Open templates/ja_decor/css/custom.css file

Change

.category-info {
margin-bottom: 30px;
}

To


.product-filter {
margin-top:0px;
}

div.category-info {
display: none !important;
}


[hjalte1983 Friend hjalte1983Join date: September 2012Posts: 328Downloads:7Uploads:105 Thanks: 101 Thanked: 9 times in 1 posts]

#542203

@ninja Lead No I don’t what the compare and wishlist back.. but they now show on my site ? how can that be after we removed them ?

I noticed I have /css/custom.css and also css/themes/ellis/custom.css

Where is the correct place to have custom.css ?

[Author]

Posts