Forum
- Home
- Forum
- Extensions Support
- Premium Joomla Extensions
- UT Articles Pro Specify order of tag links
Important - Hands Up!
- Please ask using the account with which you made the purchase or download of our products and in its respective category.
- If you bought our products in another market, ask your questions in that market, not here.
* ADD PRODUCT NAME IN START OF SUBJET
UT Articles Pro Specify order of tag links
- P
- panda New Member
- Topic Author 1 month 2 weeks ago #1
Is there a way to change the order of the Tag links? I've been able to customize the display of the front end using various CSS tricks and overrides, but I cannot change the order of the Tags with any overrides. I've tried changing the order of the tags in the Components / Tags, and I've also tried adding them to the UT Articles Pro tag list in the order I want, but that order does not seem to translate to the front end display.
Thank you for your help.
Thank you for your help.
Please Log in or Create an account to join the conversation.
- L
- leoalv Moderator
- 1 month 2 weeks ago #2
The order of the tags is based on the order of the articles. In the module settings, you can change the order of the articles. The default is "Publish Date Descending," to display the most recent first. The module then retrieves the list of articles to display, then retrieves the tags from the list. You can try using one of the article order filters to see if it suits your needs.
If you need to display the most recent articles first and always use the same tags, you can try using flexbox in the filter container and then assign an order using order. If you find this helpful, customize the following CSS to your needs and paste it into your template's custom.css.
And you can continue according to your needs. Use the Element Inspector to identify which group each filter element belongs to.
If you need to display the most recent articles first and always use the same tags, you can try using flexbox in the filter container and then assign an order using order. If you find this helpful, customize the following CSS to your needs and paste it into your template's custom.css.
Code:
.ut-articles-pro .filter-options {display:flex;flex-wrap: wrap;}
.ut-articles-pro .filter-options a[data-group="*"] {order:1;}
.ut-articles-pro .filter-options a[data-group=".Joomla"] {order:2;}
Please Log in or Create an account to join the conversation.
- P
- panda New Member
- Topic Author 1 month 2 weeks ago #3
Thank you for this information. I'll try this out and see if it suits my needs.
Please Log in or Create an account to join the conversation.
- P
- panda New Member
- Topic Author 1 month 1 week ago #4
The CSS fix works as expected. I haven't fully implemented this, but did test it with a couple of entries.
I have another issue...
When I first load the page, the vertical spacing is broken. The gap between rows is large. The moment I click on any of the tag links, the vertical gap fixes itself. Since it fixes itself, and my CSS display overrides work properly, I'm not sure why this is happening or what to do about it. Examining the code inspector doesn't give me any clues.
Do you have any ideas about why this is happening?
I have another issue...
This message contains confidential information
When I first load the page, the vertical spacing is broken. The gap between rows is large. The moment I click on any of the tag links, the vertical gap fixes itself. Since it fixes itself, and my CSS display overrides work properly, I'm not sure why this is happening or what to do about it. Examining the code inspector doesn't give me any clues.
Do you have any ideas about why this is happening?
Please Log in or Create an account to join the conversation.
- L
- leoalv Moderator
- 1 month 1 week ago #5
Hello.
The filter module uses JavaScript, and this JavaScript runs after rendering, positioning each element. The position is updated with each change (filtering). This is why clicking on a filter reorganizes it.
The spacing issue arises because your site applies the customization CSS after the page loads, which is incorrect. CSS should be applied first unless it's loaded using JavaScript or the module is loaded via Ajax. I see you're using Modules Anywhere. I don't know how this extension works. There's a native way to display modules in an article. There's a button to insert modules from the editor. Try using that. If it doesn't solve your problem or you're forced to use that extension. To solve your problem on our end, you could try overriding the module to runs it only after the page has loaded. This is known as CLS (Cumulative Layout Shift). You can read about it.
Let me know what you decide.
The filter module uses JavaScript, and this JavaScript runs after rendering, positioning each element. The position is updated with each change (filtering). This is why clicking on a filter reorganizes it.
The spacing issue arises because your site applies the customization CSS after the page loads, which is incorrect. CSS should be applied first unless it's loaded using JavaScript or the module is loaded via Ajax. I see you're using Modules Anywhere. I don't know how this extension works. There's a native way to display modules in an article. There's a button to insert modules from the editor. Try using that. If it doesn't solve your problem or you're forced to use that extension. To solve your problem on our end, you could try overriding the module to runs it only after the page has loaded. This is known as CLS (Cumulative Layout Shift). You can read about it.
Let me know what you decide.
Please Log in or Create an account to join the conversation.
Secure Payment
Use your cards with Paypal.