1

I am trying to move breadcrumb and SKU to show above the product title using xml.

Like

<move element="breadcrumbs" destination="product.info.main" before="page.title.wrapper" />

But breadcrumbs shows after add to cart button.Need layout like below image.Thanks enter image description here

5
  • On which layout xml file you have tried? Commented Nov 26, 2018 at 10:21
  • In catalog_product_view.xml Commented Nov 26, 2018 at 10:52
  • Did you used any custom or third party modules for product view page ? Commented Nov 26, 2018 at 11:05
  • No. I just create a Luma child theme and place catalog_product_view.xml in my theme. Commented Nov 26, 2018 at 11:12
  • Breadcrumbs are showing after the product title, not above the title. Commented Nov 26, 2018 at 11:13

2 Answers 2

1

I have done this job by doing like:

<move element="product.info.stock.sku" destination="product.info.main" before="page.main.title" />
     <move element="breadcrumbs" destination="product.info.stock.sku" before="-" />

enter image description here

0

Page main title is not inside product.info.main destination, Below code may used you to display breadcrumb above the product title.

<move element="breadcrumbs" destination="columns.top" before="page.main.title" />

Also you have to move product.info.stock.sku into columns.top destination to display it in above the product title.

EDIT

<move element="breadcrumbs" destination="product.info.main" before="-" />

Try the above also

4
  • I need breadcrumbs inside the right column "product-info-main" div. Commented Nov 26, 2018 at 11:31
  • I tried <move element="breadcrumbs" destination="product.info.main" before="page.main.title" /> <move element="product.info.stock.sku" destination="product.info.main" before="page.main.title" /> Commented Nov 26, 2018 at 11:55
  • SKU showing right above the title but breadcrumbs are displaying after short description. Commented Nov 26, 2018 at 11:57
  • See my edit @ShoaibSaleem Commented Nov 26, 2018 at 12:14

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.