How to do this Recommended Product structure (Colorblock theme)

[acon24_Austria]

 How can I achieve this type of product recommendation structure? Is it part of a theme? I am using Colorblock. The example is from acon24.com

[Shadab_dev]

For adding reviews you might have to use a reviews app or something. And I think rest of the data is provided by every theme like image, price,title,etc. 

Yes the code and layout for different theme are not similar, in order to achieve a unique styling for your store you will have to make theme customizations or modifications.

Please reach out if you need anything related to theme customization.

Thanks 

Shadab Ali

[LizHoang]

Hi @acon24_Austria 

Thanks for your question. To create the Recommended product structure, you can follow the instruction below: 

Step 1: Go to Shopify > Theme > Open Edit code

Step 2: Find Main-product.liquid > then add the code to the section like the image:  https://prnt.sc/WyZnuhS5zz70

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": "{{ product.title }}",
  "url": "{{ shop.url }}{{ product.url }}",
  "image": "{{ shop.url }}{{ product.featured_image | img_url }}",
  "description": "{{ page_description }}",
  "offers": {
    "@type": "Offer",
    "priceCurrency": "{{ shop.currency }}",
    "price": "{{ product.price | money_without_currency }}",
    "itemCondition": "http://schema.org/NewCondition",
    "availability": "http://schema.org/InStock"
  },
  "review": {
    "@type": "Review",
    "reviewRating": {
      "@type": "Rating",
      "ratingValue": "{{ product.rating }}",
      "bestRating": 5
    },
    "author": {
      "@type": "Person",
      "name": "{{ product.author }}"
    },
    "reviewBody": "{{ product.review }}"
  }
}
</script>

We hope it helps. 

Avada team 

[acon24_Austria]

This didnt work for me, unless im missing any information that i should add. How do i add the text (which has another style) that goes under the product title? And how do i add the text that is bold but smaller under that, which is shown in the example?