Okay
  Public Ticket #442256
Woocommerce shop page sidebar
Closed

Comments

  • Mariya started the conversation

    Hi!

    I am setting up a shop on the website with your theme.

    When I installed the Woocommerce it automatically generated shop page and other.

    I would like to have a sidebar on the shop page - like you have in your demo website. I configured Woocommerse sidebar widget - added price range, etc.. But I could not see the sidebar on the shop page after that. Then I tried to change the page template from 'Default' to the 'Sidebar' or 'Left Sidebar' but it did not work. I can not see a sidebar with Woocommerce sidebar widget.

    Could you explain to me what am I doing wrong?

    Thank you!

    Kind regards,

    Mariya

  • Mariya replied

    Hi! I found out how to add a sidebar. I opened \'Salient\' in Dashboard. Found \'Woocommerce\' options panel and choose \'Sidebar\' as a layout.

  • Anna replied

    Thanks Masha! Saved my life)

  • Raul replied

    Hello 

    For the mobile the left sidebar show first the "sidebar" not the product, how can I fixed?

    Thank you

    Raul

  •  8,839
    Tahir replied

    @Raul,

    Its not possible without Code Customizations. 

    Be.st 


    ThemeNectar Support Team 

  •  24
    UK-Designer-Guy replied

    Hi Tahir Im looking to have the sidebar below the product on mobile also, can you tell us what the code might be?

  •  8,839
    Tahir replied

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks


    ThemeNectar Support Team 

  •  24
  •  8,839
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

     @media only screen and (max-width: 1000px) {
        .woocommerce.single .main-content>.row {
            display:flex;
            flex-direction: column-reverse;
        }
    }

    Thanks


    ThemeNectar Support Team 

  •  24
    UK-Designer-Guy replied

    Hi, Tahir that worked on a product level is there any way to do the same at the category level?

    I did have a go with this but its doesn't work :

    @media only screen and (max-width: 1000px) {
        .woocommerce.single .main-content>.row {
            display:flex;
            flex-direction: column-reverse;
        }
        .woocommerce.category .main-content>.row {
            display:flex;
            flex-direction: column-reverse;
        }
    }



    EDIT : But this did :

    @media only screen and (max-width: 1000px) {
        .woocommerce.single .main-content>.row {
            display:flex;
            flex-direction: column-reverse;
        }
        .woocommerce .main-content>.row {
            display:flex;
            flex-direction: column-reverse;
        }
    }


    Your inspirational . . . many thx


  •  8,839
    Tahir replied

    Glad you were able to figure this out.

    Best 


    ThemeNectar Support Team