How to create a component?

Design help General
1

Hey there!

First is first, thank you for your help as always!

I have been inventing my textile design portfolio and trying creating a component on the “Digital drawing” heading section, but it doesn’t work at all…

Is there someone knowledgeable about this?

I appreciate your help!

(I have attached the screenshot as mentioned above)

스크린샷 2024-03-14 오후 1.15.16
스크린샷 2024-03-14 오후 1.15.161354×992 72.5 KB

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

can you provide read only link ?

3

Hey, Pavan!

Of course!

https://preview.webflow.com/preview/lihas-spectacular-site?utm_medium=preview_link&utm_source=designer&utm_content=lihas-spectacular-site&preview=27dbd72981960df82e10b86a6713e883&workflow=preview

Thank you for your help :slight_smile:

4

select digital drawing section and right side style panel top right side you can create component

Screenshot from 2024-03-18 08-53-04

image
image1386×309 54.1 KB

5

Hey Pavan, Thank you for your reply :heart: :heart_eyes: :heart_eyes: but I mean

In one of the CMS page as in ‘Digital Drawing Template’, I am unable to create component of ‘Digital Drawing’ section… :frowning:

Could you handle this issue…?

I have attached the relative screenshots…!

스크린샷 2024-03-20 오후 12.46.20
스크린샷 2024-03-20 오후 12.46.201058×1122 98.1 KB

스크린샷 2024-03-20 오후 12.48.45
스크린샷 2024-03-20 오후 12.48.451920×967 81.7 KB

6

i thing we can’t create CMS pages Component because we have attach CMS item so we can’t create it

7
  1. Recreate the elements you want in your component so that they are not data-bound to any sources that will be outside of the component.
  2. Then, create properties in your component that represent the bindings you want, e.g. a title to display
  3. Drop an instance of your component and then bind the component itself, via the properties, to your external CMS data context.

You’ll find some limitations here, as the field types supported by components aren’t 1:1 with the field types supported by the CMS. For example, it’s likely you would not be able to bind a CMS color field easily this way, and would need custom code, etc to bridge that limitation.

8

Hey, Pavan!

Oh… I see:)

Thank you for your reply!

1 Like
9

Hey, Michael!
Thank you for your reply!

Truth to be told… I am not crystal clear… :frowning: but you mean in order to create a component in CMS collection, I need to use custom code?

10

No, you don’t need custom code.

Think of a component like a car engine. It has a lot of stuff going on inside. It also has a lot of connections [ aka component properties ] on the outside to integrate it with the car.

The engine and the car are designed separately. When you take an engine and put it in a car, you then connect up all of the hoses and mechanical apparatus so that it can work properly in the car.

Any time you’re trying something new I highly recommend you start with the lessons and courses in Webflow U because they give you a step-by-step tutorial on how it works and how to use it.

Here’s the one for components-

11

Hey, Micheal :slight_smile:

Wow…, I appreciate your valuable reply :heart: !

It’s worth taking the tutorial you said.

Have a great weekend!