Single product in section not working

[mythandmagic]

Hello all.

Hope somebody can help.

Im trying to get this page...using sellerdeck 2016



I want these products to be in their own sub-section so you don't see all the add to carts, options etc.

Each time I try to add to a new section or sub-section Its not putting the full product page on, its like the level above (if this makes sense)

Ive tried this from scratch and still can not get it to work right. I have the generate a page for each product turned off in business setting and not using generate separate page when adding new product.

I want it to look like this....

Top level - pumping stations
Sub section - sewage pumping stations
Sub Sub section - mini5 (1 product in this page)
Sub Sub section - mini10 (1 product in this page)
Sub Sub section - 300 (1 product in this page)
and so on...

I have tried this but its not putting in the full product page (cant see any of the description etc)

I'm missing something somewhere and its driving me nuts

[NormanRouxel]

Assuming you are asking for a minimal layout (no Cart button, Choices, etc) on the Sewage Pumping Stations page, then all you need to do is Select that page in the content tree. Then in Section Details / Layout / Product / Product Layout (Responsive) choose Minimal Product Summary.

Your product areadyl have a Product Page set up and that is a better way to go than creating a separate Section for each product.

[mythandmagic]

That's done it.

I would like it to have title at top

then under there would be small image on left with a small snippet of text to the right? So I can say what its used for. is this possible?

it seems to be pushed over to the left?

[NormanRouxel]

Layout: You can edit layout Minimal Product Summary to move things around. Or (safer) locate said layout in Design / Library / Layouts / Products - right-click it and chose Copy. Now you can edit and use the copy layout and still have the original for reference.

Snippet: You can put the additional text into Product Details / Extended Information / Text. Then to include that into your modified Minimal Product Summary, just add the code:

<actinic:variable name="ExtendedInfoText" />

[mythandmagic]

Thanks for this Norman.

I've added <actinic:variable name="ExtendedInfoText" /> but its also making it a link is there a way to prevent this?

Also its all pushed to the left, almost like its only using half the section?

Also after the multi image (sent you an email yesterday) can we sort that also

[mythandmagic]

ok, never mind about it being a link, ive sorted that now. put it in the same block!

[NormanRouxel]

I see the Extended Info Text now appearing on your site. However you seem to have lost the responsive 3 items across capability. It may be worth reverting the layout you are using to factory settings and trying again.

P.S. No email from you arrived here recently.

[mythandmagic]

reverted it - still looks the same (pushed over to left)

[NormanRouxel]

Hmmm... What do you have in Section Details / Layout / Product / Column Count For Products?

[mythandmagic]

use parent (=2)

it looks like it has 2 table within each of the 2 columns, or something like that.

[NormanRouxel]

You can set that to 3 for the whole site via Settings / Site Options / Layout / Product / Column Counmt For Products.

[mythandmagic]

But I only want it 2 columns.

this is fine, but you can see everything within the column is pushed to the left?

[NormanRouxel]

Design / Library / Layouts / Theme Stylesheets / Core Styles.
Change:

.mini-product-summary {
   width: 150px;
   margin: 0 3px 13px;
   float: left;
}

to:

.mini-product-summary {
   width: 100%;
   margin: 0 3px 13px;
   float: left;
}

and change:

.mini-product-summary-link {
   margin: 1em 0;
}

to:

.mini-product-summary-link {
   margin: 1em 0;
   width:100%;
}

[mythandmagic]

Perfect !!

Brilliant help, very much appreciated.

[NormanRouxel]

If you want to put the description to the right of the image, edit Core Styles and look for:

.mini-product-summary-image {

After that add:

   float:left;

And also look for:

.mini-product-summary-link {

And after that add:

   clear:both;