Viewing 15 posts - 1 through 15 (of 19 total)
  • Author
    Posts
  • hjalte1983 Friend
    #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
    #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;
    }

    hjalte1983 Friend
    #541530

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


    1. padding
    hjalte1983 Friend
    #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:


    1. 1
    2. 2
    3. 3
    4. 4
    Ninja Lead Moderator
    #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;
    }

    hjalte1983 Friend
    #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
    #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
    #541772

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

    Ninja Lead Moderator
    #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;
    }

    hjalte1983 Friend
    #541934

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

    Ninja Lead Moderator
    #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


    1. Clickable_image
    2. details_view
    hjalte1983 Friend
    #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
    #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


    1. top-margin
    Ninja Lead Moderator
    #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
    #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 ?

Viewing 15 posts - 1 through 15 (of 19 total)

This topic contains 19 replies, has 3 voices, and was last updated by  hjalte1983 10 years, 3 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum