Return to previous page

Remove Sort By ( Child theme ) + Responsive image on categories

This topic has 15 replies, 3 voices, and was last updated 8 years, 8 months ago ago by Robert Hall

  • Avatar: Sporbillis
    Sporbillis
    Participant
    June 13, 2016 at 14:07

    Hello there,

    I would like to remove the field that says Sort by ( popularity etc ) and the text that says “Showing all 1 results” to make “All NumberHERE Items”

    Also i am trying to put an image on each category, i managed to do that from the categeory pages but i want my image to be responsive, can you help ?

    I cannot use visual composer for the categories because i haven’t created pages for them so i have to manually add the image from the category page itself.
    But i want it to be responsive. please provide as much help as possible
    Thanks

    Please, contact administrator
    for this information.
    #129382 Copied
    14 Answers
    Avatar: Robert Hall
    Robert Hall
    Participant
    June 13, 2016 at 14:28

    Hello,

    1) Please add this code in custom.css file

    .toolbar .woocommerce-ordering {
    display: none;
}

    2) To change “Showing all 1 results” string you should edit the \wp-content\plugins\woocommerce\templates\loop\result-count.php file.
    3) You can add an image for the Category in Dashboard->Products->Categories->edit category->Banner image.

    Regards,
    Robert Hall

    #129393 Copied
    Avatar: Sporbillis
    Sporbillis
    Participant
    June 13, 2016 at 14:49

    1. Thanks

    2. How do i add it to child theme and which line to i change? And what do i change it to ?

    3. I know i can add the images from, i am asking how to add responsive images that have text one them.

    #129400 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 13, 2016 at 19:31

    Hello,

    2. How do i add it to child theme and which line to i change? And what do i change it to ?

    In the mentioned file you can see short description how to add it to your theme as shown on the screenshot http://prntscr.com/bfxrrp. You need to change the code in line 40, change
    Showing all %d results to All %d items.

    3. I know i can add the images from, i am asking how to add responsive images that have text one them.

    If you want to add images with text you need to edit them with image editor (e.g. Photoshop) as there are no such features in the theme.

    Best regards,
    Jack Richardson.

    #129448 Copied
    Avatar: Sporbillis
    Sporbillis
    Participant
    June 13, 2016 at 19:42

    2. If i copy the mentioned file to the child theme will it be okay if i update? Or i will lose the change?

    3. I know i have to use photoshop to add text. I am asking how to make the image responsive so to be responsive with laptops/computers and mobile devices.

    #129449 Copied
    Avatar: Sporbillis
    Sporbillis
    Participant
    June 13, 2016 at 19:51

    So i made a new director in my child theme :

    Legenda-child/woocoommerce/loop/result-count.php . Will the be okay if i update woocommerce or the theme? Or i will lose the change?

    Still waiting for the image.

    #129450 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 13, 2016 at 20:09

    Hello,

    You’ll not lose your customizations made in child theme after theme or plugins update.
    As for the category images I checked category page on mobile view and saw that image is responsive, please check the screenshot http://prntscr.com/bfybw0

    Best regards,
    Jack Richardson.

    #129453 Copied
    Avatar: Sporbillis
    Sporbillis
    Participant
    June 13, 2016 at 20:11

    I know the image is responsive without text. My worry is that if i add text on it, it won’t be responsive. Care to ellaborate?

    #129454 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    June 14, 2016 at 07:54

    Hello,

    I’ve just added the logo image (with text) as banner for category and you can see that’s responsive with laptops/computers and mobile devices.
    See screenshot:
    https://gyazo.com/19dfcc4878035c11467c0cf2adc924ad

    In this case you should use an image with text only.

    Regards,
    Robert Hall

    #129473 Copied
    Avatar: Sporbillis
    Sporbillis
    Participant
    June 14, 2016 at 08:01

    Hello, so i cant use an image i have taken and add text to it? It wont be responsive?
    Also the codes you told me to change on the above i changed them ! On computer it looks perfect, but on mobile the “sort by” still shows but the “all numberhere items” doesnt show at all but on pc it displays correct
    Please help

    #129475 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    June 14, 2016 at 08:09

    Hello, so i cant use an image i have taken and add text to it? It wont be responsive?

    Unfortunately we do not have such feature through the admin panel.

    Also I’ve checked the ‘sort by’ in mobile view and its not displayed. See screenshot:
    https://gyazo.com/e02845eed01f1dc0ce1207e053a618c7

    Regards,
    Robert Hall

    #129479 Copied
    Avatar: Sporbillis
    Sporbillis
    Participant
    June 14, 2016 at 08:22

    1.I don’t want theme features to add the image. I am asking you if i can take an image i took with my camera, add text to it from photoshop and upload it to the category banner. Will it be responsive or not ?

    2. The Sort by is correct you are right on pc and mobile.

    3. The “Showing all items” i used the code you told me and i changed to “All X items” . It is correct on pc but it doesnt display at all on mobile

    #129480 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    June 14, 2016 at 08:29

    Hello,

    1) Yes, it should be responsive.
    3) I’ve added this code into the Child Theme. Please check.

    @media (max-width: 979px){
.toolbar .woocommerce-result-count {
    display: block !important;
}}

    Regards,
    Robert Hall

    #129484 Copied
    Avatar: Sporbillis
    Sporbillis
    Participant
    June 14, 2016 at 08:35

    Ok perfect. Thanks

    I will create a different thread for 2 more questions and that’s it! 🙂

    #129488 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    June 14, 2016 at 09:21

    Ok, you’re welcome! I’ll close this topic.

    Have a good day!

    Regards,
    Robert Hall

    #129491 Copied

  • Tagged: , , , , , ,

  • Viewing 15 results - 1 through 15 (of 15 total)

The issue related to '‘Remove Sort By ( Child theme ) + Responsive image on categories’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Business 02 – WordPress WooCommerce Theme
lazy-placeholder
Glasses Store – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Spa – WooCommerce Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Onepage Store – WooCommerce Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Business – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.