How do I create a new responsive product page?
I've uploaded two sketches: http://danacord.com/tegning-1.jpg http://danacord.com/tegning-2.jpg
Drawing-1.jpg:
The box with the cover and button can have a fixed width. Both are uploaded in 200 * 200 pixels - or at least specified with "width =" 200 "in the HTML code.
The title, artist and description section may vary in scope, but all text just needs to be wrapped up and adapt to the space available at any time.
Then we get to the tracklist. Here it will be okay for the work / track titles to be wrapped up if there is not enough space. Some releases have quite long titles, e.g. https://www.danacord.dk/frmsets/records/793-94-r.html, but as a starting point there is plenty of room.
The reviews section is just links to PDFs or JPGs and is illustrated with the media logo. Again: The logos are uploaded at a fixed size of 200px, or specified in the HTML with "width =" 200 ".
The last box ("See also:") should wrap when there is not enough space and happen when more than two products are displayed.
Drawing-2.jpg:
The vast majority of releases contain a single CD and some two, but then there are also the pure exceptions such as https://www.danacord.dk/frmsets/records/801-830-r.html
I don't have a smartphone, but I imagine it would be cumbersome (and maybe unattractive?) to flip and flip and flip, but splitting the box into single CDs on each product page is therefore not appropriate (seems I). Here I am definitely (as a whole) susceptible and flexible to alternative solutions.