• I’m using flatsome theme and I would like to place the dropdown at the side of the Product Sorting option.
    None of the position options that come out of the box do that.
    I’m placing the link of the flatsome theme for you to check

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi sotnasonun,

    I hope you’re doing well. . please try go to WooCommerce settings and navigate to “Products per Page”. From there, select “Position(s)” and choose “In Archive Description”.

    This will display the option next to the “default sorting”, as shown in the attached screenshot. If this is the placement you’re looking for, I recommend trying it on the Flatsome theme and let me know how it works for you.

    Thank you for your attention.

    Thread Starter sotnasonun

    (@sotnasonun)

    Placing here the printscreen of my localhost woocommerce flatsome theme installation.
    As you can see the section in archive works as you say, however my flatsome theme has a different section where the sorting options are placed.
    I wanted to place it inside the yellow section either left or right side of the sorting options

    Thread Starter sotnasonun

    (@sotnasonun)

    One more thing, just noticed the wordpress warning about HPOS incompatibility. Will it be a new update soon that makes it compatible?

    Hi sotnasonun,

    I hope you’re doing well. To achieve this, you’ll need to write some CSS code. Here’s an example of the code you can try:

    .shop-container form{
    	
    	margin-top:-115px!important;
    	padding-bottom:39px!important;
    	width:300px!important;
    	margin-left:200px!important;
      border-radius:10px!important;
    }
    
    #alg_wc_products_per_page{
    	  border-radius:19px!important;
    }
    .dark .form-flat select, .nav-dark .form-flat select{
    		margin-top:39px!important;
    
    }

    To implement this code, go to WooCommerce settings, navigate to “Products per Page,” and find the “Custom CSS” section. Paste the code there.

    Please refer to the attached screenshots for visual guidance.

    Screenshot

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘on flatsome theme place it,,,’ is closed to new replies.