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, 5 months ago ago by Robert Hall

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
Robert Hall

Support staff

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
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

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

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

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

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

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

Robert Hall

Support staff

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

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

Robert Hall

Support staff

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

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
Robert Hall

Support staff

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
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

Robert Hall

Support staff

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: categories, child theme, remove sort by, responsive image, templates, woocommerce, wordpress
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

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

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection