Dawn theme - change product page products order

Store Design
, , , ,
1

Hi

I am looking to change the order of two of my products. I need the small hoop to go first, then the large hoop then the gift card (the gift card can remain where it is the other two need to be switched!

@BSSCommerce-B2B please can you help me with this - you fixed the order issues with the gift card last time - somehow my two products have spun out of order

Thank you in advance! :slightly_smiling_face:

Ankita31_1-1734039328208.png
Ankita31_1-1734039328208.png1613Ɨ645 104 KB

1 Like
2

Can you provide me the store URL so I can check the possibility with the help of CSS

3

Hi @Ankita31

Maybe this can help,

  1. From your Shopify admin dashboard, click on ā€œOnline Storeā€ and then ā€œThemesā€.
  2. Find the theme that you want to edit and click on ā€œActionsā€ and then ā€œEdit codeā€.
  3. In the ā€œAssetsā€ folder, click on ā€œbase.css, style.css or theme.cssā€ file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.section-template--14328136564865__product-grid-padding #product-grid .grid__item:nth-child(2) {
    order: unset !important;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

4

Hi there!

I tried this code at the bottom of base and it didnā€™t work, tried it on theme liquid and its works on my ā€˜shopā€™ tab on my menu navigation but when you click buy now on my homepage, its flipped? Please help so that its the same for both :slightly_smiling_face: