There are two methods for doing this - see the other method here.
SellerDeck has the ability to generate 'Extended Information' pages for the products in your store. These are normally generated as pop-up windows – containing a larger image or a longer description. It is possible, however, to also include an add to cart button in these pages and make the page look like a standard page – rather than a special pop-up page.
Doing this means that one product can appear twice in the store – very useful if you want to have compact product listings (with 'add to cart' buttons) which link to a full information page for each product (also with 'add to cart' buttons).
This exercise will show you the basics of setting this up. It is based on the 'Starter Computer Bundle' product in the default SellerDeck store database – but it will work with any product that has a extended information page defined.
1. Go to the 'Starter Computer Bundle' in the content tree.
2. Change to the 'Extended Information' tab.
3. In the grid at the bottom, change the 'Extended Info Page Design' to 'Includes Add To Cart Button'.
4. Also, change the 'Type of Extended Information Page' to 'Opens In The Same Window'.
5. Click 'Apply changes'.
6. Click the 'Preview' button in the 'Extended Info Page Design' field to show you what the page design looks like at the moment.
7. Now click the button to generate a full site preview.
Browse to the 'Computers' section and click the 'More Info' link at the bottom of the store description.
The page looks very plain at the moment, with no navigation. The next job is to customise this page to make it look like a normal store page.
This really depends on what theme you are using – but here are some general directions.
1. In the 'Design' tab of your store, locate the 'overall page layout' for your page.
2. Find the 'INNERLAYOUT' layout selector within this page.
3. Highlight everything above this layout selector and copy it to the clipboard.
4. Go to 'Design | Library | Layouts' and find the 'Extended Info Layout' layout type group.
5. Find the 'Includes Add To Cart Button' layout in this group, and double-click on it to open it.
6. Highlight everything in this layout down to (but NOT including) the <form> tag on line 21.
7. Right-click on the highlighted code and select 'Paste'.
8. Click 'OK' to confirm your layout changes and close the layout.
This has changed the appearance of the top of the page. Now you need to change the appearance at the bottom of the page.
9. Close the library and go back to the overall page layout code in the Design tab.
10. Highlight everything below 'INNERLAYOUT' down to the bottom of the file.
11. Right-click on the highlighted code and select 'Copy'.
12. Now go back to the 'Includes Add To Cart Button' layout in the library.
13. Scroll right down to the bottom of the file.
14. Highlight the </body> and </html> tags that are at the bottom.
15. Right-click on the highlighted code and select 'Paste'.
16. Click 'OK' to confirm your changes and close the layout.
You have now applied the 'overall page layout' design to your extended information page layout.
To test this, carry out a full site preview by clicking the 'preview catalog' icon in the toolbar.
SellerDeck has the ability to generate 'Extended Information' pages for the products in your store. These are normally generated as pop-up windows – containing a larger image or a longer description. It is possible, however, to also include an add to cart button in these pages and make the page look like a standard page – rather than a special pop-up page.
Doing this means that one product can appear twice in the store – very useful if you want to have compact product listings (with 'add to cart' buttons) which link to a full information page for each product (also with 'add to cart' buttons).
This exercise will show you the basics of setting this up. It is based on the 'Starter Computer Bundle' product in the default SellerDeck store database – but it will work with any product that has a extended information page defined.
1. Go to the 'Starter Computer Bundle' in the content tree.
2. Change to the 'Extended Information' tab.
3. In the grid at the bottom, change the 'Extended Info Page Design' to 'Includes Add To Cart Button'.
4. Also, change the 'Type of Extended Information Page' to 'Opens In The Same Window'.
5. Click 'Apply changes'.
6. Click the 'Preview' button in the 'Extended Info Page Design' field to show you what the page design looks like at the moment.
7. Now click the button to generate a full site preview.
Browse to the 'Computers' section and click the 'More Info' link at the bottom of the store description.
The page looks very plain at the moment, with no navigation. The next job is to customise this page to make it look like a normal store page.
This really depends on what theme you are using – but here are some general directions.
1. In the 'Design' tab of your store, locate the 'overall page layout' for your page.
2. Find the 'INNERLAYOUT' layout selector within this page.
3. Highlight everything above this layout selector and copy it to the clipboard.
4. Go to 'Design | Library | Layouts' and find the 'Extended Info Layout' layout type group.
5. Find the 'Includes Add To Cart Button' layout in this group, and double-click on it to open it.
6. Highlight everything in this layout down to (but NOT including) the <form> tag on line 21.
7. Right-click on the highlighted code and select 'Paste'.
8. Click 'OK' to confirm your layout changes and close the layout.
This has changed the appearance of the top of the page. Now you need to change the appearance at the bottom of the page.
9. Close the library and go back to the overall page layout code in the Design tab.
10. Highlight everything below 'INNERLAYOUT' down to the bottom of the file.
11. Right-click on the highlighted code and select 'Copy'.
12. Now go back to the 'Includes Add To Cart Button' layout in the library.
13. Scroll right down to the bottom of the file.
14. Highlight the </body> and </html> tags that are at the bottom.
15. Right-click on the highlighted code and select 'Paste'.
16. Click 'OK' to confirm your changes and close the layout.
You have now applied the 'overall page layout' design to your extended information page layout.
To test this, carry out a full site preview by clicking the 'preview catalog' icon in the toolbar.