Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1260666

    Hello,
    I have several questions for a woocomerce site with enfold, if you have any leads to help me please ?

    1 – I have to put the sidebar on the smartphone at the top of the screen and not at the bottom. How can I do ?
    2 – In the shop page I must be able to filter on categories.
    3 – In the “categories display” widget I want to order the categories “hard”
    4 – How to send different mail in woocommerce depending on the kind of livraison ? Elsewhere how to send manualy the email ?
    5 – With product variations : how to connect the “global stock” as the sum of each “product variation stock” ?
    6 – when scrolling down on computer, how to keep visible the second title menu (with the title of the page and the breadcrumb)
    7 – The widget “last viewed products “, how to enlarge the thumbnail and hide the texte
    8 – On the single product page, how to present product variations as clickable labels and not a drop-down list

    Thank you very much if you can help me move forward
    Matthieu

    #1260724

    Hi again,

    2 – I succed with the WOOF plugin to get a simple categorie filter. That’s ok for this point.

    Thank you very much for any new ideas.
    Kind regards,
    Matthieu

    #1261072

    Hello everyone,
    point 3 OK – I found how woocommerce offers to sort by drag and drop product categories … yes ;-)
    Hope my other problems are as easy to solve
    Thanks for your help
    Matthieu

    #1261318

    Hello, I’m surprised not to hear from the Enfold team. My issues may not all be Enfold’s support. Can you guide me anyway?
    Kind regards,
    Matthieu

    #1262386

    Hi,
    Sorry for the very late reply, as I understand your first question about what you would like to do on your shop page, in mobile, you want the sidebar on top, then the content.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px) { 
      #main > .container_wrap_first.template-shop.shop_columns_5 > .container {
      display: flex !important; 
      flex-wrap: wrap !important; 
      }
      #main > .container_wrap_first.template-shop.shop_columns_5 > .container > main {
          order: 3 !important;
          padding: 0 !important;
      }
      #main > .container_wrap_first.template-shop.shop_columns_5 > .container > aside {
          order: 2 !important; 
      }
      #main > .container_wrap_first.template-shop.shop_columns_5 > .container > header {
          order: 1 !important; 
      }
      }

    I don’t believe this will affect any other pages, but please check thoroughly.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.