-
Helps you recreate a category layout.
The layout I intend to recreate is this one in the screenshot: https://prnt.sc/Bv769osI6b8Q
Can you guide me step by step?
-
Hi there,
are you wanting so show posts in landscape view eg. Image Left and Content Right
-
Yes, I will show 3 examples to get an idea of how it would look on desktop, tablet and mobile.
Desktop: https://prnt.sc/sZvQFeNzKbJU
Tablet: https://prnt.sc/DbselvOWgSKM
Mobile part 1: https://prnt.sc/a9YEeXIZ2Tol
Mobile part 2: https://prnt.sc/9F7YKl_GCHcu
-
And to what site of yours do you want to add this to ?
-
I will add my website in private information
-
Hi Afonso,
Would that be for the Frontpage as well along with the other archive pages? If it’s supposed to reflect on the Frontpage, what would happen to this part?: https://share.zight.com/YEuzwe2W
-
I put the wrong link, it is in the category files. I updated the link
-
I see. You just need to alter the Block Element – Content Template you already have for the Archive Pages.
Conceptually, the Structure can be something like this:
---Container Block ------Grid Block - 2 columns ---------Container Block column 1 ------------GB Image Block ---------Container Block column 2 ------------GB Container Block ---------------GB Headline Block for dynamic categories: https://docs.generatepress.com/article/dynamic-data/#list-of-terms ---------------GB Headline Block for title: https://docs.generateblocks.com/article/dynamic-data-options-overview/#title ---------------GB Headline Block for excerpt: https://docs.generateblocks.com/article/dynamic-data-options-overview/#excerpt -
I think I managed to do well.
You can verify?
Screenshot: https://prnt.sc/uxufzowuJLC-
ignore the structure below
-
Yes, it seems good.
On mobile view, you’ll need to set the 2 columns to 100% width.
Once you have it displayed on your archive page, let me know so I can check.
-
I have already saved the changes. Can you confirm on that side?
-
I think you still have the other Content Template you previously had active. Can you set that to draft first?
-
Done, can you check the change on this side?
-
I’m not seeing the Image. What setting do you have for the dynamic options of the Image Block?
-
Check again now pls: https://prnt.sc/UT-7o9e0tjVg
-
It seems good.
Just add some paddings for the 2nd columns Container Block.
- You must be logged in to reply to this topic.