How can I place the vendor name above product title in Expanse Theme?

Solved

How can I place the vendor name above product title in Expanse Theme?

Ianlee221
Shopify Partner
28 0 5

Hi all,

 

I have a question about the vendor name. We use "Expanse Theme" but we want to switch the place of vendor name and product title. 

 

Screen Shot 2022-09-22 at 9.39.07.pngScreen Shot 2022-09-22 at 9.41.06.png

 

I've edited code before but it didn't work properly. Someone have the idea that how to change this? here is the our product page : https://itsdcode.jp/collections/women-new-arrivals/products/super-star-%E3%83%AC%E3%82%B6%E3%83%BC-%...

 

Thank you!

Accepted Solution (1)

PageFly-Victor
Shopify Partner
7865 1786 3135

This is an accepted solution.

Hi @Ianlee221

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset->theme.css  paste the below code at the bottom of the file.

#shopify-section-template--16400940171482__recommendations .grid-item.grid-product .grid-item__meta-main,#shopify-section-template--16400940171482__more-products-collection  .grid-item.grid-product .grid-item__meta-main{

display: flex !important;

flex-direction: column-reverse !important;

 

}

   

PageFly_0-1663811240119.png

 

Best Regards;

PageFly

 

View solution in original post

Replies 6 (6)

NerdCurator
Shopify Partner
453 81 117

@Ianlee221 This is a custom requirement and required to modify the code on your store backend. If you are comfortable giving collaborator access we can do it for you. You can direct message us if you want us to fix it. 

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 10+ years.
- Was my reply helpful? Click Like to let me know! Coffee tips fuel my dedication.
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com

PageFly-Victor
Shopify Partner
7865 1786 3135

This is an accepted solution.

Hi @Ianlee221

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset->theme.css  paste the below code at the bottom of the file.

#shopify-section-template--16400940171482__recommendations .grid-item.grid-product .grid-item__meta-main,#shopify-section-template--16400940171482__more-products-collection  .grid-item.grid-product .grid-item__meta-main{

display: flex !important;

flex-direction: column-reverse !important;

 

}

   

PageFly_0-1663811240119.png

 

Best Regards;

PageFly

 

Ianlee221
Shopify Partner
28 0 5

Thank you for your advise!

It work properly!

PageFly-Victor
Shopify Partner
7865 1786 3135

you are welcome, I glad when can help you

LePassionNL
Visitor
1 0 0

Hi PageFly-Victor, 

I want to do the same thing but at the product page itself.
See image for example. I use warehouse as theme 

 

Thanks in advance. 

 

Would like to hear from you! 

Best Regards, 

Metin

LePassionNL_0-1686309948308.png

 

HELDERWRLD
Pathfinder
150 0 8

Hello Victor,

Could you show me how to do the same in 2024? I tried this and didn't work. My theme is Dawn.

Website: https://diversusoficialsite.myshopify.com/

Best regards