Support Forum - Topic: RTL Portfolio items & RTL Menu

Support Forum - Topic: RTL Portfolio items & RTL Menu http://www.kriesi.at/support/topic/rtl-portfolio-items-rtl-menu Support Forum - Topic: RTL Portfolio items & RTL Menu en-US Thu, 20 Jun 2013 09:30:14 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Nick on "RTL Portfolio items & RTL Menu" http://www.kriesi.at/support/topic/rtl-portfolio-items-rtl-menu#post-89377 Sat, 22 Dec 2012 22:28:43 +0000 Nick 89377@http://www.kriesi.at/support/ Hi, Here is the page that gives the instructions for changing the portfolio code to RTL <a href="http://isotope.metafizzy.co/docs/help.html#righttoleft_layouts" rel="nofollow">http://isotope.metafizzy.co/docs/help.html#righttoleft_layouts</a> There is CSS above on this post, but your best bet is to contact RSL, his email is above since he worked it all out and is certain to help a fellow Arabic sites developer. But the code in this post will definitely get you going, and if you get stuck just post your url here and we will help you work it out. Thanks, Nick ifikra on "RTL Portfolio items & RTL Menu" http://www.kriesi.at/support/topic/rtl-portfolio-items-rtl-menu#post-89282 Fri, 21 Dec 2012 20:44:07 +0000 ifikra 89282@http://www.kriesi.at/support/ I'm very interested in finding the solution for the RTL listing as we are using Arabic for our website. Please, and if possible, do share the finding with us :) thanks Devin on "RTL Portfolio items & RTL Menu" http://www.kriesi.at/support/topic/rtl-portfolio-items-rtl-menu#post-73075 Mon, 27 Aug 2012 17:51:14 +0000 Devin 73075@http://www.kriesi.at/support/ Hi RSL, The topic is tagged for Nick's personal Queue so he'll be able to get back onto your issue shortly. Regards, Devin RSL on "RTL Portfolio items & RTL Menu" http://www.kriesi.at/support/topic/rtl-portfolio-items-rtl-menu#post-72666 Fri, 24 Aug 2012 09:13:14 +0000 RSL 72666@http://www.kriesi.at/support/ WP & FTP credentials sent. Thanks Nick on "RTL Portfolio items & RTL Menu" http://www.kriesi.at/support/topic/rtl-portfolio-items-rtl-menu#post-72626 Fri, 24 Aug 2012 06:47:16 +0000 Nick 72626@http://www.kriesi.at/support/ Email sent. RSL on "RTL Portfolio items & RTL Menu" http://www.kriesi.at/support/topic/rtl-portfolio-items-rtl-menu#post-72590 Thu, 23 Aug 2012 23:53:32 +0000 RSL 72590@http://www.kriesi.at/support/ The demo site is up. Please email me @ rasheed_dot_laskar_at_gmail_dot_com & I'll send you the address & WP credentials. Thanks RSL on "RTL Portfolio items & RTL Menu" http://www.kriesi.at/support/topic/rtl-portfolio-items-rtl-menu#post-72574 Thu, 23 Aug 2012 21:06:37 +0000 RSL 72574@http://www.kriesi.at/support/ Hi, Thanks for wanting to give it a go. I'll put up a demo site within an hour (it's local at present) - can you let me know how to send you the address & login details privately. Nick on "RTL Portfolio items & RTL Menu" http://www.kriesi.at/support/topic/rtl-portfolio-items-rtl-menu#post-72474 Thu, 23 Aug 2012 10:45:31 +0000 Nick 72474@http://www.kriesi.at/support/ Hi, Could you put up a demo with the plugin please? I was going to play around with it this weekend, but I forgot that you want two version to work depending on the plugin's language selection. Logically something like this needs to happen: 1) Page starts loading 2) jQuery checks selector of plugin to see what language is shown 3) conditionally LTR or RTL sections of code are executed or possibly can also use PHP to conditionally enqueue avis.js or avis-rtl.js based on metadata from the plugin. Since I don't have it, I am not sure what method it uses to keep track of which language to display for visitors, cookies, meta data, etc... There are two or three locations where the categories are being displayed, did you change all of them? Thanks, Nick RSL on "RTL Portfolio items & RTL Menu" http://www.kriesi.at/support/topic/rtl-portfolio-items-rtl-menu#post-72363 Wed, 22 Aug 2012 18:21:32 +0000 RSL 72363@http://www.kriesi.at/support/ Hi Nick, I've managed to RTL everything else required in the theme so far. I think the only thing remaining is to start the Portfolio Items from the Right. I'll try & have a look - I presume it's the avia.js that contains the Isotype javascript that needs to be changed as per the help link you sent me. The only thing is I haven't got a clue how I can change it only for RTL & keep it the same for LTR. Thanks Nick on "RTL Portfolio items & RTL Menu" http://www.kriesi.at/support/topic/rtl-portfolio-items-rtl-menu#post-72346 Wed, 22 Aug 2012 17:21:18 +0000 Nick 72346@http://www.kriesi.at/support/ Hi, Take a look here, there are some examples of how to go about doing this: <a href="http://isotope.metafizzy.co/docs/help.html#righttoleft_layouts" rel="nofollow">http://isotope.metafizzy.co/docs/help.html#righttoleft_layouts</a> <a href="http://isotope.metafizzy.co/tests/right-to-left.html" rel="nofollow">http://isotope.metafizzy.co/tests/right-to-left.html</a> Good luck, NIck Nick on "RTL Portfolio items & RTL Menu" http://www.kriesi.at/support/topic/rtl-portfolio-items-rtl-menu#post-72327 Wed, 22 Aug 2012 16:19:17 +0000 Nick 72327@http://www.kriesi.at/support/ Hi, Unfortunately it's not feasible for the support team to redo significant areas of the theme as a mirror image. Besides, there are even more areas where you will run into the same issues. Your best bet is to hire a freelancer to further customize your theme and truly make your site fully right-to-left compatible. Thanks, Nick RSL on "RTL Portfolio items & RTL Menu" http://www.kriesi.at/support/topic/rtl-portfolio-items-rtl-menu#post-72325 Wed, 22 Aug 2012 16:17:11 +0000 RSL 72325@http://www.kriesi.at/support/ Hi Nick, I actually had just worked out a simple CSS solution for reversing the Portfolio Sort Menu order: <pre><code>#js_sort_items { float: right; padding-left:5px; padding-right: 0; } #js_sort_items a { float:right; margin-left:6px; margin-right: auto; }</code></pre> But unfortunately the more important solution for actually starting the PORTFOLIO ITEMS from the right for RTL still hasn't been resolved - any ideas?? Thanks Nick on "RTL Portfolio items & RTL Menu" http://www.kriesi.at/support/topic/rtl-portfolio-items-rtl-menu#post-72308 Wed, 22 Aug 2012 14:38:38 +0000 Nick 72308@http://www.kriesi.at/support/ Hi, Ok, I understand now. Mistake was mine for not thinking it through more. The solution is below, yet there are several other places throughout the theme where you will run into similar issues, though this is the most obvious case. Please open loop-portfolio.php which is in the includes folder of the theme *after* you backed up and saved the original file. Find a block of code approximately between lines 67-83: <pre><code>$output .= "<div class='sort_by_cat $hide '>"; $output .= "<a href='#' data-filter='all_sort' class='all_sort_button active_sort'>".__('All','avia_framework')."</a>"; foreach($categories as $category) { $output .= "category_nicename."_sort_sep'>/"; $output .= "<a href='#' data-filter='".$category->category_nicename."_sort' "; $output .= "class='".$category->category_nicename."_sort_button' >".$category->cat_name."</a>"; $container_id .= $category->term_id; } $output .= "</div>"; $output .= "</div></div>"; //fake pagesplit</code></pre> and replace it with the code below <pre><code>$output .= "<div class='sort_by_cat $hide '>"; $categories = array_reverse($categories, true); //reverses categories for right-to-left languages foreach($categories as $category) { $output .= "category_nicename."_sort_sep'>/"; $output .= "<a href='#' data-filter='".$category->category_nicename."_sort' "; $output .= "class='".$category->category_nicename."_sort_button' >".$category->cat_name."</a>"; $container_id .= $category->term_id; } $output .= "<a href='#' data-filter='all_sort' class='all_sort_button active_sort'>".__('All','avia_framework')."</a>"; //All displayed last in right to left languages $output .= "</div>"; $output .= "</div></div>"; //fake pagesplit</code></pre> Please let us know how it went. Thanks, Nick RSL on "RTL Portfolio items & RTL Menu" http://www.kriesi.at/support/topic/rtl-portfolio-items-rtl-menu#post-72291 Wed, 22 Aug 2012 12:08:58 +0000 RSL 72291@http://www.kriesi.at/support/ Hi, Thanks for your reply. That has made the sort menu right-aligned but the sort menu items are still LTR so ALL is on the left. But the actual portfolio items start from the left & so if we have less items than the available width e.g. 1 or 2 items - they are left aligned so this looks wrong with an RTL language. Any idea how to resolve that? Regarding the <a href="http://inoplugs.com/wpml">WPML</a> problems that you need access to - I'm actually on local dev install but I'll upload it tonight so that you can have a look. Nick on "RTL Portfolio items & RTL Menu" http://www.kriesi.at/support/topic/rtl-portfolio-items-rtl-menu#post-72187 Tue, 21 Aug 2012 22:45:16 +0000 Nick 72187@http://www.kriesi.at/support/ Hi, Please: 1) Add this code to Quick CSS in backend - Eunoia > Theme Options > Styling <pre><code>#js_sort_items{float: right}</code></pre> For your other questions, I must see the plugin inside Eunoia. Thanks, Nick RSL on "RTL Portfolio items & RTL Menu" http://www.kriesi.at/support/topic/rtl-portfolio-items-rtl-menu#post-71861 Mon, 20 Aug 2012 09:16:17 +0000 RSL 71861@http://www.kriesi.at/support/ Hi, Our site is in both English & Arabic language using <a href="http://inoplugs.com/wpml">WPML</a>. All of the CSS seems to work fine for Arabic RTL but is there a way to resolve these remaining issues for the Arabic/RTL: 1. In portfolios - how can we start items form the Right & not Left 2. We are displaying the <a href="http://inoplugs.com/wpml">WPML</a> language selector in the Main Menu which displays after the normal menus on the right for English/LTR thus becoming the last menu item but it also does the same for Arabic/RTL menu thus becoming the first menu item. Can the menu order be reversed for RTL so that the language selector as the last (right-most) menu item for RTL? Also, how can we change the Horizontal <a href="http://inoplugs.com/wpml">WPML</a> language switcher that appears in the header on the top right with flags to show language names instead of flags?