Optimizing Website

Store Design
, ,

Topic summary

Main goal: add two product page features to a Shopify store using the Capital theme.

  • Variant color display: The merchant wants a row of selectable color options (showing all colors on one product instead of separate products). A responder confirms this is feasible via theme code customization and offers to help after receiving a Shopify collaborator invite (store access for partners).

  • Tabbed info box (“Offerings” style tabs): The merchant wants tabbed sections that reveal corresponding information on click, referencing an example product link. The responder notes this is typically provided by an app, but can also be built directly in the theme with custom code.

Assets central to understanding: screenshots of desired UI and a live example link were provided.

Status and next steps: No changes implemented yet. Action item is for the merchant to grant collaborator access if they want bespoke theme code work, or to decide whether to use an app versus custom theme coding for the tabs. Discussion remains open with an offer of assistance.

Summarized with AI on December 12. AI used: gpt-5.
1

Hello everyone,

I’m in the process of upgrading my website (https://www.ravi-bysteph.com/) and I’ve been studying other websites and picked a few changes I’d like to make if possible. I have the Capital theme website by eight themes.

  1. at the bottom of the product, you can see all the colors available, I would love to add this to the site. I have products in different colors and at the moment, I’m only showing each color on its own.

Screenshot 2024-12-09 174803.png
Screenshot 2024-12-09 174803.png1728×427 185 KB

  1. In this pic, if you look at the box where it says offerings, it has these different tabs that customers can come click on and it will have the info corresponding to whatever they clicked on, I love this and want to add to my site. Here’s the link to where I found it (https://thehalara.com/products/Ribbed-Knit-Adjustable-Strap-Button-Multiple-Pockets-Casual-Overalls-10-541?pmui=undefined.1.collection.list.2.3for2&pmuih=3for2&_sasdk=dbm9kZS0xNzMzNDE5ODUxNjUwLW1pcWJqbnE2bXUtbmxmODByaTNvNTg&variant=45983394037926)

Screenshot 2024-12-09 175048.png
Screenshot 2024-12-09 175048.png525×683 29.1 KB

I would truly appreciate if someone can help me add these features to my site.

Thank You Steph.

2

Hi @richgirl87 ,

1: I checked and this can be customized by theme code, if you want I can send you a collaborator invite and check it.

2: I checked and it is added by the app, however, you can still customize it with theme.

I hope it helps!