How to shift the "Description" element in the "Product Information" section after bulk order list?

Hi.

I Am looking to shift down the “Description” element after the “quick order list” section. The bulk order list should come just beneath the price of the product so that it is easy for customer to place order instantly without him scrolling all the way down and finding the section to place order.

Can anyone guide on how to do it?

test link https://www.autouniform.com/products/hero-motocorp-supervisor-shirt

Hi @Akshay_au ,

These requirements need some custom code (liquid and CSS) because the description section belongs to the Product Information, is separated from the Quick Order list. You can follow the following instruction

Step 1: Hide Description in Theme customize

Step 2: Open edit code ( three dots button next to Customize button → Edit code ) and find quick-order-list.liquid (which in snippets, not sections), add the following code in the end of file

{%- if product.description != blank -%}

  

    {{ product.description }}
  

  

{%- endif -%}

Here the result on my side

Hope this is useful to you! :hugs:

1 Like

@BSSCommerce-B2B Thanks for the help.

Seems it worked pretty well except the overall size of the description section is large. The width is cut to cut, from screen’s one end to other.

Can you check?

1 Like

Of course my friend! Maybe I miss some CSS code. Let me check

1 Like

Hi @Akshay_au ,

I think you changed the css code a little that leads to wrong size of description

You should change it to “0 5rem;” instead of “10 5rem;” as in the picture

Here the full style


1 Like

@BSSCommerce-B2B oh!

I corrected it. It is showing correctly in desktop and full screen mode but the problem is still there in the mobile mode.

@Akshay_au Sorry, I just understand your requirement and edit my reply immediately, Here my change.

1 Like

@BSSCommerce-B2B Worked like a charm!.

Thank you so much.

1 Like

:hugs: Glad to help you, my friend!!

1 Like