umbragit/Umbra-Bookshelf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
0bd78e587a5d5a7638484609c9628c99e83cc5c0
Umbra-Bookshelf/Amazon_View_style_module.md
bdm 38cdebd0c6 Track Bookshelf WordPress theme, plugins and specs 
Initial import of the bdmurphy Bookshelf work: the bd-bookshelf theme,
bd-bookshelf-plugin, bd-bookshelfhelper and bd-simpleemail plugins, plus
the specification documents, mockups and release archives.
2026-09-28 06:24:25 -07:00

2.3 KiB
Executable File
Raw Blame History

Book layout section:

Similar to an Amazon book detail page. The language selection will be followed for the page. If there is no translation for a language to show then English will be shown. On the left is the book cover image, sized appropriatly for the display size. To the right of the cover image, at the top is the book title, large as a title. The line below the title will have "by" followed by the author name, or pen name. The next line will show the Amazon rating, with space and the goodreads rating for the book. There will be a seperator line below the ratings Then the back cover blurb will be displayed. Below the cover image on the left will be buttons linking to retailers to purchase the book. The top buttons will be the formats available (ebook, paperback, hardback, audio). Below the format selection will be links to the sites with that format. The sites which don't offer that format will be grayed out. To the right of the button, under the blurb will be additional book information, Genre, length in pages, language selected (with a '+' if other languages are availasble.) and the publisher name. Below this line there will be the book ASIC listing categories.

SYSTEM INSTRUCTION: Generate book listing components for WordPress using the "Amazon Detail" layout structure. LAYOUT RULES:

  1. CONTAINER: Each book must be wrapped in a container that supports a two- column layout.

  2. LEFT COLUMN (Width 25%):

  • TOP: Display the book cover image (Responsive sizing).
  • BOTTOM: Display Purchase Section.
  • Row 1: Format selectors (Ebook, Paperback, Hardback, Audio).
  • Row 2: List of retailers. Apply CSS class "grayed-out" to retailers that do not support the selected format.
  1. RIGHT COLUMN (Width 75%):
  • TITLE: Display in Large Bold H1/H2 style.
  • BYLINE: "by [Author/Pen Name]" in secondary accent color.
  • RATINGS: Show "Amazon: [Stars] | Goodreads: [Score]" on one line.
  • SEPARATOR: Horizontal rule line.
  • BLURB: Full back cover description text.
  • METADATA BLOCK: Below blurb, display "Genre | [Length] Pages | [Language] (+) | [Publisher]".
  • CATEGORIES: Display ASIC listing categories in small muted text at the very bottom.
  1. LANGUAGE LOGIC: Default to selected language. If translation is missing, fall back to English.