Call the product price and title on a section

Store Design
, , ,
1

Hi,

I am building a section and wanted to know if there was a way of calling the title and price instead of typing it manually? I have tried the a collection carousel but wanted to customize the images.

Here’s the page : https://apm-staging.myshopify.com/pages/gift-idea

Here is the code:


  
![ac6202ox.jpg?v=1668135509|1200x1500](upload://doP9KifU936SCI6Ofide1pHQi4a.jpeg)

    
![ac6202ox_worn.jpg?v=1668135613|1200x1500](upload://mdRVgII13Cy4Is9ltU5Vb59yLA5.jpeg)

    ## 
  MÉTÉORITES TRIPLE NECKLACE
      

      €87

    

  
  
![Morse_ad86e83f-f677-48d5-9d55-bcf9e5ee14e6.jpg?v=1668135802|1200x1500](upload://hLVTm0PCVFjP4PqRlodKna6w8e4.jpeg)

    ## 
  MORSE CODE RINGS
        

      €87

         

  
  
![ae8419ox_835f5fec-c303-410d-be59-6047e873a40f.jpg?v=1668135509|1200x1500](upload://hWLnd3ig1qpM0gK3ICQZmtkz5yU.jpeg)

            
![ae8419ox_Worn_3ffcec0a-0b92-4a3d-bed8-3379fd46087c.jpg?v=1668135510|1200x1500](upload://izNu8ntyWOzAO77YCz4QnfohuV8.jpeg)

    ## 
  MÉTÉORITES RECTANGULAR EARRINGS - WHITE SILVER
        

      €87

          

  
    

![Lumiere_6d4d7ba2-a693-4dbb-9ccc-65e9bc1eaef2.jpg?v=1668135613|1200x1500](upload://5aZBm3ZDlQi37ARhIicx3w6jyKu.jpeg)

    ## 
  LUMIERE NECKLACE
    

      €87

          

  

## 
SHOP MORE
  

{% schema %}
  {
    "name": "must haves",
    "settings": [
],
  "presets": [
    {
      "name": "must haves",
      "category": "Content"
    }
  ]
}
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}

Thanks

2

HI @JKIRK
You want to add image manual, but the title and price are auto generate?

3

Hi @ExpertRookie , thanks for the reply.

Yes I just the title and price to be auto generate if possible.

4

Hi @JKIRK
Of course it’s possible.
But Can you share your idea when build this section?
When clear about the requirement for this section, we can provide the solution better.

5

Hi @ExpertRookie

It is just for a selection of 4 products for each section. I just want to pull the price and title of the product so I don’t have to translate for other languages.

Thanks

6

When not on a product page you need to get a reference to that product somehow in liquid.

You can do that either through the all_products object, a collection, a menu, a metafield reference , or a settings product picker reference.

https://shopify.dev/api/liquid/objects/all_products

Then when you have a product just use {{product.title}} and {{product.price}}.

https://shopify.dev/api/liquid/objects/product#product-price

https://shopify.dev/api/liquid/objects/product#product-title

Or the variant versions using the first variant, or first available variant {{product.variants.first.title}}, {{product.variants.first.price}}

https://shopify.dev/api/liquid/objects/product#product-variants

https://shopify.dev/api/liquid/objects/product#product-first_available_variant

etc

7

Thanks @PaulNewton ,

I have read the page and am still unsure of how to reference the price and title.

8

Hi @JKIRK
Please email for me, we can have more discuss, and we can help you add the function