Customize product view and Add select color attribute

Hi Masters,

Actually I want to customize the frontend product view by adding select color attribute in order to choose
product variants that configured based on product family. In the further I would like link >>> that I expected.

I tried to customize my product view and I followed from https://github.com/oroinc/orocommerce/blob/master/src/Oro/Bundle/ProductBundle/Resources/doc/customize-pdp.md. Why it shows the old container and the new one like the picture link >> :D

Please give suggestion about it, And is there any another documentation provided how to customize product view detail ? Especially for ‘configurable’ product ..

Thanks in advanced

Topic

[igalayevParticipant]

Hi, Rio.
The doc seems to be a bit incomplete and outdated (we’re going to fix them ASAP).
Nevertheless you should follow it from the start and try to figure out step by step are there any errors which prevent the page blocks to display properly.

I assume you’re working in dev environment, so
use developer toolbar to track which blocks are rendered.

Please feel free to write here for further investigation.

[RioParticipant]

Hi, Igalayev

Thanks for the information, right now I just followed that link and it’s work well to seperate product_type between ‘simple’ and ‘configurable’. A bit confuse related the documentation about the sentence
# src/Acme/Bundle/ProductBundle/Resources/views/layouts/default/imports/oro_product_view/layout.yml

Should I create configuration files on existing ProductBundle in vendor oro/commerce or we can create own bundle with similiar name as ProductBundle in src/

Thanks you

[igalayevParticipant]

Hi, Rio
Yes, it’s recommended to extend functionality by adding your own bundle.

[RioParticipant]

Hi igalayev,

Yes, already worked with my own bundle, I just inactive/commented the code use ‘#’ on layout.yml for hide the old one

PHP

tree: page_content: # ..... # ..... # .....

1 2 3 4 5

tree:     page_content:          # .....          # .....          # .....

The file located at commerce/Oro/Bundle/ProductBundle/Resources/views/layout/blank/oro_product_frontend/ and I easily created block_type as I needed :)

I also tried to follow https://github.com/oroinc/orocommerce/blob/master/src/Oro/Bundle/ProductBundle/Resources/doc/customize-plp.md But there was an error appear related the item of @addTree, the suggestion is I should removed the item of product_index_page due to the duplication id. Here is the screenshoot when reproduced error

PHP

Cannot add "product_index_page" item to the layout. ParentId: page_content. BlockType: container. SiblingId: . Reason: The "product_index_page" item already exists. Remove existing item before add the new item with the same id

1 2 3

Cannot add "product_index_page" item to the layout. ParentId: page_content. BlockType: container. SiblingId: . Reason: The "product_index_page" item already exists. Remove existing item before add the new item with the same id

Could you give me some advice to solve it? Thanks :)

[RioParticipant]

Already worked :D, and the next error is :::

The options “instance_name” does not exist. Defined options are “additional_block_prefixes” …

PHP

- '@setOption': id: featured_product_line_item_form optionName: instance_name optionValue: featured_products

1 2 3 4

- '@setOption':             id: featured_product_line_item_form             optionName: instance_name             optionValue: featured_products

I think the code from .yml file above not recognized from the documentation https://github.com/oroinc/orocommerce/blob/master/src/Oro/Bundle/ProductBundle/Resources/doc/customize-plp.md

Is there any missing thing? Please give me an advice

Thanks

[Author]

Replies