Hi there, I am using the Dawn theme and would like to customise the product preview cards to also show the SKU. See example below :slightly_smiling_face: https://uv-water-systems.myshopify.com/ PW: meedee [Screenshot 2024-05-08 at 11.46.28 AM.png]

Hi, May I suggest to update code these steps: Go to Store Online-> theme → edit code Snippets/card-product.liquid find “{% render ‘price’, product: card_product, price_class: ‘’, show_compare_at_price: true %}” replace with code below: {% render 'price', product: card_pr…

Hi @jaimeebrooks , Go to the customization and add the SKU from the Product information block. [LuffyOnePiece_0-1715138085591.png] Please don’t hesitate to reach out if you need further help optimizing or customizing your store. If you find this information useful, a Like would be greatly apprec…

When a product is on sale, the SKU and the price may not necessarily be on the same line. [Kyle_liu_1-1715138578040.png]

Hey @LuffyOnePiece thanks so much for your response. What I am looking for is to add the SKU to the product preview card that appears on the collection page, not the product page (I have already set this up to show the SKU). Does this make sense? Hope you can help! Thanks Jaimee

Hi @jaimeebrooks , May I suggest to update code these steps: Go to Store Online-> theme → edit code [EBOOST_1-1672356985580.png] Assets/base.css Add code below to end of file .product__info-container .product__sku { float: right; margin: 0!important; } [EBOOST_0-1715142443052.png] [E…

Hi @EBOOST I really appreciate the suggestion, but I am not looking to do this on the product page, I am looking to add the SKU to the product preview card that appears on collection pages / collection sections. I would like the SKU to appear where the red boxes are in the example below. Any ideas …

1、Edit code: [Kyle_liu_1-1715149740770.png] 2、Search the file: price.liquid and edit it. Add two lines of code: Line 34: assign sku=product.selected_or_first_available_variant.sku Line 128:{{sku}} [Kyle_liu_2-1715149814586.png] [Kyle_liu_3-1715149991713.png] 3、Search the file: “component-p…

Thank you @EBOOST that worked on the products pages! You are a lifesaver :slightly_smiling_face: A couple of additional things: The code didn’t work for the featured collection on the homepage however, is there something else I need to update? [Screenshot 2024-05-09 at 10.27.16 AM.png] Is t…

Hi @jaimeebrooks , could you check sections/featured-collection.liquid file? If the name is different. You can go to that file to update. [EBOOST_0-1715217849481.png] If you can’t check the file name. could you please provide content of sections/featured-collection.liquid and Snippets/card-produ…

Hi EBOOST, I have tried this but it is not working for me, any suggestions?

Show SKU on product preview - Dawn Theme

Store Design

Josh_01 May 12, 2024, 12:42am 11

Hi!

How are you?

I need help with custom coding. Are you available?

Thanks

Topic		Replies	Views
Add Product SKU to Product Card on Collections Page - Enterprise Theme Store Design customizations , collection-page	8	206	July 12, 2024
Add SKU Above Product Title on Collection Pages - Minion Theme Store Design design , collection-page	8	81	May 6, 2024
How can I add SKU to my collection page in Venture theme? Store Design	28	344	May 30, 2023
Include SKU on Product Cards Above Product Title Store Design design , customizations , collection-page	1	45	October 30, 2024
How can I display product SKU on Craft theme collection page? Store Design	19	124	May 9, 2024

Show SKU on product preview - Dawn Theme

Related topics