Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • July 5, 2015 at 12:16 pm #468534
    theroyds

    Hello, I have built my site using your theme and i have an issue with the filtering option i have created that appears below the products on a mobile. Is there a way for this to be positioned above the products on the shop overview page?

    Many thanks

    July 6, 2015 at 9:26 am #468735
    Rikard

    Hi theroyds!

    I’m not sure I understand what you are trying to change, could you provide us with a screenshot highlighting your intentions please?

    Cheers!
    Rikard

    July 7, 2015 at 10:16 am #469500
    theroyds

    Hello Rikard,
    I have provided a link to 3 mobile screenshots (Archive.zip)

    Mobile Image 1 is at the top…as i scroll down the page on my mobile..
    Mobile Image 2 – still scrolling down the page on my mobile
    Mobile Image 3 – as you can see the filter options are at the bottom rather then at the top…does that make sense?

    July 8, 2015 at 11:49 am #470137
    Andy

    Hi!

    although it sounds easy, it requires quite a lot of coding and time to achieve that. Please refer to this answer: https://kriesi.at/support/topic/reward-for-sidebar-top-on-mobile-screens/#post-130977
    I recommend to hire a freelancer for this job.

    Best regards,
    Andy

    July 8, 2015 at 5:49 pm #470430
    theroyds

    Thats disappointing you would think that in this day and age filter option on a mobile would be pretty standard. Really disappointed with Kriesi and will have to tell the client.

    Can you make this clear on your website so people who want a proper mobile responsive theme to look elsewhere

    cheers

    Jason

    July 8, 2015 at 6:04 pm #470436
    Yigit

    Hi Jason!

    As a workaround, you can create a custom widget area in Appearance > Widgets and then add widget area element to top of your page and choose to display that widget. Then please enable custom CSS field for ALB elements – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then give it a custom CSS class and add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (min-width: 769px) {
.your-custom-class { display: none !important; }}

    Please also see – http://kriesi.at/documentation/enfold/custom-woocommerce-shop-overview/

    Best regards,
    Yigit

    July 11, 2015 at 11:34 am #471828
    theroyds

    Thank you for getting back to me is it possible if i give you my login details, could you quickly do this for me?

    July 13, 2015 at 8:18 am #472163
    Ismael

    Hey!

    The problem is, you can’t use the advance layout builder when you set a page as shop base page. However, you can move the sidebar on top of the content. Please refer to this link: https://kriesi.at/support/topic/widget-in-sidebar-disappear-in-responsive/#post-468104

    Remove browser cache then reload the page.

    Regards,
    Ismael

    July 13, 2015 at 9:45 am #472199
    theroyds

    HI Ismael

    I need a little help with this

    1 Do I use the the suggested code on the theme functions.php page using editor.

    2 – Do I create a sidebar for the top of the page.

    ?

    Jason

    July 13, 2015 at 10:03 am #472206
    theroyds

    Hello

    Can you code this to work please I am really struggling. Please use the following page.

    I set up http://www.luminairearts.co.uk/test-product-page/

    Many Thanks

    July 14, 2015 at 10:47 am #472969
    Josue

    Hi,

    I’ll do it for you, can you please hand me a temporary FTP / SFTP account? post it here as a private reply.

    Regards,
    Josue

    July 14, 2015 at 11:23 am #472995
    theroyds

    Hi josue

    For some reason Ii cannot see http://www.luminairearts.co.uk can you tell me what has happened please.

    I have also attached the info as requested

    July 14, 2015 at 11:41 am #473013
    theroyds

    Hi Josue
    Is it possible you can look at this as a matter of urgency please, it is really worrying that the site is down and i cannot see why…please help

    I have also sent the login details for the wordpress control panel…

    Many thanks

    July 14, 2015 at 11:52 am #473031
    theroyds

    its back up thank you

    July 14, 2015 at 11:52 am #473032
    Josue

    It’s done, check the shop page:
    http://www.luminairearts.co.uk/shop/

    Here’s what i did (update-proof):
    1. Added the following to Plugins > Edit Functions (this will clone the filter and put it before the sort options at the top, only runs on Shop page):

    function clone_filter(){
	if(is_shop()) { ?>
	<script>
	(function($){

			$('.content .product-sorting').prepend($('.inner_sidebar > .widget_layered_nav').clone());

	})(jQuery);

	</script>
	<?php
	}
}
add_action('wp_footer', 'clone_filter');

    2. Added this to Quick CSS (this will make sure the cloned filters only appear on mobile):

    @media only screen and (min-width: 767px) {
    .product-sorting > .widget_layered_nav {
        display: none;
    }
}

    Cheers!
    Josue

    July 14, 2015 at 12:18 pm #473066
    theroyds

    Excellent J

    Many thanks indeed – very very happy

    Jason

    July 14, 2015 at 12:24 pm #473075
    Josue

    You are welcome Jason, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Filter option below my products on Mobile device’ is closed to new replies.