Return to previous page

Previous and next products buttons funcionality

This topic has 6 replies, 2 voices, and was last updated 2 years, 6 months ago ago by Olga Barlow

Pawel

Participant

June 3, 2022 at 12:02

Hello
The Xstore has cool functionality for the buttons for the next and previous product. But there are some problems with it:
1. The order of products on the buttons does not follow the manual sort order set in WooCommerce. I sell licenses for 3, 5, 10 (and more) users. They are separate products. They are lined up in the store in that order. Being on a product for 5, the previous product should be for 3, the next for 10. But unfortunately these are currently products by release date.
It’s much easier to move drag-and-drop products in sorting than manually changing the dates of the products. Please change the operation of these buttons with regard to sorting.
2. The animated button ejection is nice. But it takes quite a long time. Is it possible to shorten this time somehow (e.g. an option in the customizer)?
3. Sometimes there are problems with the operation of these buttons. The one on the left works satisfactorily. But if on the button on the right the user accidentally hovers over the scroll bar in the browser, the button “goes crazy”, eg it hides halfway (only the picture is visible). This could be related to the animations or perhaps the delay of the button show trigger.
4. If the product name is not too long, it displays on two lines – that’s OK. But if the product name is long, it even displays in 4 lines – which looks ugly 🙁 Automatic title shortening is not a good solution (I reported it and it has been fixed – thank you) I suggest increasing the width of the extended buttons and that should fix the problem.
In addition, in my store, I display net and gross prices (B2B and legal requirements) – and these are already long chains. If it is a subscription, the strings are even longer and displayed on 4 lines.
This can be seen on the website https://www.ahost.pl/produkt/tsplus-remote-access-desktop-3-uzytkownikow/ – especially the right button. The price display also speaks in favor of extending these buttons.

Please consider my suggestions to improve Xstore

Regards
Pawel

#325117 Copied Theme version: 8.1.6 WooCommerce version: 6.5.1

5 Answers
Olga Barlow

Support staff

June 3, 2022 at 12:42
Hello,

1) Prev/Next products order comes from the order of products in your DB. Unfortunately, we don’t have option to enable support of the custom order of the products there.

2) You can change that by custom CSS
```
.posts-nav-btn {
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}
```
3) Provide us with a video of the issue for a better understanding.

4) Add the below code to limit the title height by lines
```
.posts-nav-btn .post-info .post-title {
    height: 5ex;
    overflow: hidden;
    line-height: 2.5ex;
}
.next-post .post-details {
    padding: 10px 0;
}
```
Regards
#325123 Copied
Pawel

Participant

June 3, 2022 at 13:01

1) Pity. Isn’t it enough to add “order by” somewhere?

2) Much better! And also:

3) The problem has been reduced and could possibly be caused by browsers

4) A little better, but not much. Please see the left button on https://www.ahost.pl/produkt/tsplus-remote-access-desktop-5-uzytkownikow/
How can I increase the width of the popped buttons?

Regards

#325124 Copied
Olga Barlow

Support staff

June 3, 2022 at 13:14
Hello,

1) It’s not so easy unfortunately. Anyway, you can try to submit feature request here https://www.8theme.com/taskboard/

4) Use custom code
```
.posts-nav-btn .post-info {
    width: 370px;
}
.prev-post {
    left: -370px;
}
.next-post {
    right: -370px;
}
```
Regards
#325127 Copied
Pawel

Participant

June 3, 2022 at 13:50

1) OK, I understand.

4) Unfortunately it doesn’t work
I suggest to change it in theme, I can wait a whilte for it

Regards

#325129 Copied

Olga Barlow

Support staff

June 3, 2022 at 14:59

Hello,

Provide us with WP Dashboard access to check why the mentioned code does not work for you.

Regards

#325136 Copied
Tagged: buttons, functionality, next, previous, products, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)