Dear Shopify Community,
I have a request for assistance with redesigning a section of my website (currently in my sandbox). Specifically, I’d like to update the “Text Column with Images” section. Below, you’ll find a picture showing the current layout and a design mockup illustrating the changes I’d like to make. I’ve outlined six specific edits; they are listed below and highlighted in red in the mockup image.
-
Button below Title: Move the button directly under the title (labeled “Step X”).
-
Collection Selectability: Make collections selectable; when a collection is selected, it should be highlighted with a larger image than the others.
-
Button Styling for Selected Collection: When a collection is selected, its “Capitalized Text” button should change to an “outlined button” style.
-
Consistent Button Sizing: Outlined button maintains a consistent size across all collections.
-
Text Display for Selected Collection: Display only the text associated with the selected collection.
-
Scrollbar Color: Change the scrollbar color to orange (#FF763D).
Currently, my primary concern is the mobile version, but I believe these edits could work well on the desktop version too, so I would like to keep that in mind. My theme is Pipeline, and you can find the preview here: Kream.ch
I would really appreciate any support or suggestions you can offer. Thank you very much!
