Hallo in die Runde,
ich bin aktuell dabei einen Headless Shopware 6 Client zu bauen.
Ob ich mich da in etwas Großes und Böses hineingestürzt habe, weiß ich bereits ;).
Nun habe ich folgende Frage: Ich bin nun an der Stelle, wo ich die CMS-Pages aus dem CMS auslesen möchte. Im Endeffekt möchte ich durch die Blocks durch iterieren und den Content rendern.
Nun ist es ja so das man mit der Headless API arbeitet. Mein Flow ist dieser:
Ich hole mir alle Kategorien und hole mir dort die cms-pageid der HomePage. Mit dieser ID gehe ich dann auf diesen Endpoint: http://localhost:8000/store-api/cms/{id}
Das funktioniert ganz gut und ich bekomme auch die Blocks, mit den Sections und dem eigentlichen Content ausgespielt. Allerdings repräsentieren die nicht mein Frontend. Ich habe das Gefühl da es die Headless API ist, diese nicht auf die Storefront CMS Daten zugreift.
Vielleicht zur Vorgeschichte, ich habe bereits begonnen den Shop als Shopware 6 Template zu bauen bzw. ein eigenes Theme aufzusetzen. ein Frontend sieht so aus: https://filmann.lodur.ambitive.de/
Meine JSON Daten der Sections jedoch so:
Ich denke, man sieht sehr schnell, dass der Content nicht annähernd der gleiche ist.
Frage: ist mein Ansatz mit den categories → home → cms-page-id der falsche?
const json = [
{
versionId: '0fa91ce3e96a4bc2be4bd9ce752c3425',
translated: {
config: { boxLayout: { source: 'static', value: 'standard' } },
customFields: {},
},
createdAt: '2023-09-21T07:06:16.612+00:00',
updatedAt: null,
type: 'product-listing',
slot: 'content',
block: null,
blockId: '018ab68f90a47315a9d131904bfd5261',
config: { boxLayout: { source: 'static', value: 'standard' } },
fieldConfig: null,
translations: null,
data: {
listing: {
elements: [],
aggregations: {
manufacturer: {
name: 'manufacturer',
entities: [],
apiAlias: 'manufacturer_aggregation',
},
price: {
name: 'price',
min: null,
max: null,
avg: null,
sum: null,
apiAlias: 'price_aggregation',
},
rating: {
name: 'rating',
max: null,
apiAlias: 'rating_aggregation',
},
'shipping-free': {
name: 'shipping-free',
max: null,
apiAlias: 'shipping-free_aggregation',
},
properties: {
name: 'properties',
buckets: [],
apiAlias: 'properties_aggregation',
},
options: {
name: 'options',
buckets: [],
apiAlias: 'options_aggregation',
},
},
page: 1,
limit: 24,
entity: 'product',
total: 0,
states: [],
sorting: 'name-asc',
currentFilters: {
navigationId: '018ab68f902973269c470d4473ea6aaf',
manufacturer: [],
price: { min: 0, max: 0 },
rating: null,
'shipping-free': false,
properties: [],
},
availableSortings: [
{
translated: { label: 'Name A-Z' },
createdAt: '2023-09-21T07:06:18.582+00:00',
updatedAt: null,
key: 'name-asc',
priority: 4,
label: 'Name A-Z',
apiAlias: 'product_sorting',
},
{
translated: { label: 'Name Z-A' },
createdAt: '2023-09-21T07:06:18.582+00:00',
updatedAt: null,
key: 'name-desc',
priority: 3,
label: 'Name Z-A',
apiAlias: 'product_sorting',
},
{
translated: { label: 'Price ascending' },
createdAt: '2023-09-21T07:06:18.582+00:00',
updatedAt: null,
key: 'price-asc',
priority: 2,
label: 'Price ascending',
apiAlias: 'product_sorting',
},
{
translated: { label: 'Price descending' },
createdAt: '2023-09-21T07:06:18.582+00:00',
updatedAt: null,
key: 'price-desc',
priority: 1,
label: 'Price descending',
apiAlias: 'product_sorting',
},
{
translated: { label: 'Topseller' },
createdAt: '2023-09-21T07:06:18.801+00:00',
updatedAt: null,
key: 'topseller',
priority: 0,
label: 'Topseller',
apiAlias: 'product_sorting',
},
],
streamId: null,
apiAlias: 'product_listing',
},
apiAlias: 'cms_product_listing',
},
locked: true,
cmsBlockVersionId: '0fa91ce3e96a4bc2be4bd9ce752c3425',
customFields: null,
apiAlias: 'cms_slot',
},
]