How can I make the width of the attribute choices smaller
Q: How can I make the width of the attribute choices smaller and be placed on the right side to the product images, instead of below it with almost a page's width.
A: This is a product option in the design section. There, you can choose to place options side-by-side with the image or under the image with the full width.
When you edit the product in the backend "Design" ->Display product options, set the “Field” to “Product info column”.
How to add new custom options
Open product to edit. In the bottom, click on “Custom Options” tab. It looks like this: