How do I create this layout?

  • Resolved olgaboy

    (@olgaboy)


    7 years, 8 months ago

    Hello,

    how can I create this layout with wordpress?

    I’d like to scroll through the left side to see all items. In the middle a text about each of them and on the right a big format picture.
    Optimally each item like ABC would have some information stored about it, like in a database? For example its size, color and so on.. So i could filter the items.

    Is this possible to achieve? Thanks in advance

    • This topic was modified 7 years, 8 months ago by olgaboy.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    7 years, 8 months ago

    In JavaScript coding, just about anything that can be displayed on a web page is possible, so yes your desire is possible with the right combination of JS code and CSS. Basically, all the data exists on the page, but are mostly hidden by default. On a click event for a particular item, JS code alters the CSS of the related content so that it is displayed as desired.

    What you want is not all that different than a menuing system. Click an item and “submenu” items appear, except in your case the data displayed relates to the pick and is not a true submenu item. The specifics on how to accomplish this is outside the scope of these forums as it is too broad. If you search for JS menu code examples, you’ll be off to a good start. The main difference is the “submenu” displayed encompasses a good part of the page instead of a small dropdown element. The difference is only a matter of content and CSS. The JS is essentially the same.

    Thread Starter olgaboy

    (@olgaboy)

    7 years, 8 months ago

    Now I do know what to look for, thank you very much !

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘How do I create this layout?’ is closed to new replies.