Section pages and Single Page per Product

[feemish]

Smart responsive theme v14

I have Single page per product enabled and working.

Section pages list the products and images, choose size, quantity and add to cart button.

To the casual shopper browsing the section pages it is not obvious that each product has its own page you can visit... and it just looks like there is no detailed text information about the product...they dont need to leave the section page to make an order.

I'm puzzled. Surely the section pages should just list the product images and maybe title, so that its obvious to customers that they need to click through to a product page to see more information.. enter a quantity and click add to cart.. Am I missing something obvious? Is there an easy way to do this?

[saucysal]

I agree. I made changes to the layout to remove the Add to Cart, options, etc, just have image, title, price, as on big websites like Debenhams, M & S etc on the section pages. Customer has to click to see full details, select options, add to cart. It is particularly important for my site as there are details that they must read first. I think it bad that this is not a standard option. Important thing is to make snapshot or snapshots before making any changes to the layout. I made a copy of the standard layout first, and edited the copy, applied the copy.

Sarah

[feemish]

Hi Sarah,
Thanks for your reply.
So there is no built in method to do this then... that is bad I agree

I have just looked at your site and yes thats exactly how it should be.

I wonder if you can briefly talk me through how you did that?

At the moment I am looking at
Site Options : Layout : Product Layout (responsive) : Regular Product Summary

I made a copy of Regular Product Summary by clicking 'New'
and naming a new option based on the Regular Product Summary.

I am now looking at my new layout code in design view..... do you have any quick advice as to which bits I should be editing out?

[Buzby]

Is this the sort of thing you are after?

http://www.qualitysilver.co.uk/Jewel...angles-p1.html

If it is I can send you the code from my layout.

Note: this is a development site so I know a lot is wrong.

[feemish]

Yes, thats it.

Thanks!

[tristam]

Jason

Just looking at your new web site and just wondered how you get the brand images in the Mega Menu? Is it easy to do?

Thanks
Tristam

[Buzby]

Hi Mark,

This is my code for Regular Product Summary.

In the code it references a layout Small Product Image, I'm not sure if this is a Sellerdeck layout, or one from my 2013 design. If you don't have that layout then just substitute it with the one that your current layout shows.

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsFilteringEnabled%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22MatchLayouts%22%20%2f%3e%20%3d%3d%20True%20AND%0d%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22%29%20AND%0d%3cactinic%3avariable%20name%3d%22IsProductPageGenerated%22%20%2f%3e%20%3d%3d%20True" >
<actinic:variable name="FilteredProductLayout" />
</actinic:block>

<actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsFilteringEnabled%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22MatchLayouts%22%20%2f%3e%20%3d%3d%20False%29%20OR%20%0d%3cactinic%3avariable%20name%3d%22IsFilteringEnabled%22%20%2f%3e%20%20%3d%3d%20False%20OR%0d%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Product%20Page%22%29%20OR%0d%3cactinic%3avariable%20name%3d%22IsProductPageGenerated%22%20%2f%3e%20%3d%3d%20False" >

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductFormUsed%22%20%2f%3e" >

<form method="post" class="regularProductSummary" action="<actinic:variable name="OnlineScriptURL" value="Shopping Cart Script URL" />" novalidate>
<input type="hidden" name="SID" value="<actinic:variable name="SectionID" />" />
<input type="hidden" name="PAGE" value="PRODUCT" />
<actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22%29" >
<input type="hidden" name="PAGEFILENAME" value="<actinic:variable name="SectionPageName" />" />
</actinic:block>
<actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Product%20Page%22%29" >
<input type="hidden" name="PAGEFILENAME" value="<actinic:variable name="ProductPageName" />" />
</actinic:block>
<Actinic:SECTION BLOB='<actinic:variable name="SectionCatFile" />'/>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e" >
<!-- Hidden field when in trial mode -->
<input type="hidden" name="SHOP" value="<actinic:variable name="HiddenFields" />" />
</actinic:block>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductImageFileName%22%20%2f%3e%20%21%3d%20%22%22" >
<p class="product-image set-right"><actinic:variable name="ProductImageLayout" value="Small Product Image" /></p>
</actinic:block>
<a name="<actinic:variable name="EncodedProductAnchor" />"></a>

<actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22%29%20AND%0d%28%3cactinic%3avariable%20name%3d%22ProductListNameLink%22%20%2f%3e%20%3d%3d%201%29" ><a href="<actinic:variable name="ProductPageName" />" onclick="AppendParentSection(this, <actinic:variable name="SectionID" />)">
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22%20AND%0d%28%3cactinic%3avariable%20name%3d%22ProductListNameLink%22%20%2f%3e%20%3d%3d%20%202%29" >
<actinic:block if="%3cactinic%3avariable%20name%3d%22ExtendedInformationType%22%20%2f%3e%20%3d%3d%20%22Opens%20in%20a%20Pop%2dUp%20Window%22" >
<a href="<actinic:variable name="ExtendedInfoPageEncoded" />" target="ActPopup" onclick="return ShowPopUp('<actinic:variable name="ExtendedInfoPageEncoded" />',<actinic:variable name="ExtInfoWindowWidth" />,<actinic:variable name="ExtInfoWindowHeight" />);">
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22ExtendedInformationType%22%20%2f%3e%20%3d%3d%20%22Opens%20in%20the%20Same%20Window%22" >
<a href="<actinic:variable name="ExtendedInfoPageName" />">
</actinic:block>
</actinic:block>
<actinic:variable formatting="h2" encoding="actinic" name="ProductName" />
<actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22%29%20AND%0d%28%3cactinic%3avariable%20name%3d%22ProductListNameLink%22%20%2f%3e%20%3e%200%29" >
</a>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22UseDynamicPrices%22%20%2f%3e%20%3d%3d%20true%20AND%20%3cactinic%3avariable%20name%3d%22ProductComponentCount%22%20%2f%3e%20%3d%3d%200" >
<actinic:variable name="ProductJavascriptLayout" />
</actinic:block>
<actinic:variable name="CartError" />
<actinic:block if="%3cactinic%3avariable%20name%3d%22PriceIsEnabled%22%20%2f%3e" >
<p class="product-price">
<Actinic:PRICES PROD_REF="<actinic:variable name="ProductID" />" RETAIL_PRICE_PROMPT="<actinic:variable name="ProductPriceDescription" />">
<actinic:variable name="PriceListRetail" />
</Actinic:PRICES>
<actinic:variable name="DynamicPrice" />
</p>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductPriceIsEnabled%22%20%2f%3e%20%3d%3d%20False" >
<p class="product-price">
<Actinic:NOTINB2B><br><actinic:variable name="ProductPriceNotEnabledMessage" /></Actinic:NOTINB2B>
</p>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsCustomerMessageUsed%22%20%2f%3e" >
<p class="product-price">
<Actinic:PRICE_EXPLANATION PROD_REF="<actinic:variable name="ProductID" />" COMPONENTID=-1><actinic:variable name="RetailCustomerMessage" /></Actinic:PRICE_EXPLANATION>
</p>
</actinic:block>
<actinic:variable name="RealTimeStockDisplay" />
<a href="<actinic:variable name="ProductPageName" />#reviews"><img border="0" img src="QualityTitaniumReview<actinic:variable name="SoapboxRating" />.bmp" alt="Average customer review" /></a>
<actinic:variable name="ProductLinks" />
<actinic:block if="%3cactinic%3avariable%20name%3d%22FileURLNotEmpty%22%20%2f%3e" >
<p class="product-text">
<a href="<actinic:variable name="ProductLinkInfo" />">
<actinic:variable name="ProductLinkText" />
</a>
</p>
</actinic:block>

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsOtherInfoPromptShown%22%20%2f%3e" >
<fieldset class="product-prompt">
<label><span class="actrequired"><actinic:variable name="OtherInfoPrompt" /></span></label>
<input class="input-border" type="text" name="O_<actinic:variable name="ProductID" />" maxlength="1000" value="" />
</fieldset>
</actinic:block>

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsDatePromptShown%22%20%2f%3e" >
<fieldset class="product-prompt">
<label><span class="actrequired"><actinic:variable name="DatePrompt" /></span></label>
<actinic:variable name="DayList" /><actinic:variable name="MonthList" /><actinic:variable name="YearList" />
</fieldset>
</actinic:block>
<div class="set-below-right">
<actinic:variable name="FeefoProductLogo" />
</div>
<div class="set-below-right feefoTables">
<actinic:variable name="FeefoProductFeedback" />
</div>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductFormUsed%22%20%2f%3e" >
</form>
</actinic:block>
</actinic:block>

[Buzby]

Hi Tristam,

It was very tricky for me to do, and took weeks to implement.

I basically just kept on hacking the code (not knowing any code) until something worked. A bit like the infinite amount of monkey's and typewriters scenario.

I have set up some variables in the Mega menu for Image, alt text, width, height, sub text, and header text. And can basically set any heading to whatever I want regardless of section name.

Personally I feel that it should be in the software as standard.

[tristam]

Thought it might be difficult. I was hoping it was a built in feature that i hadn't yet spotted.

Thanks

[Artisan]

I add a "More" link to make it clearer - why didn't SD think of this?

[feemish]

cheers Jason, I'll have a look at that.

[feemish]

I add a "More" link to make it clearer - why didn't SD think of this?

It makes you wonder doesn't it?

[saucysal]

Sorry, Mark. Others have been much quicker than me at responding to you and being more helpful than myself. It was a while ago that I edited the layout - the same layout you refer to, using copy. I think it was just a matter of finding the elements in the code that I didn't want and deleting them, one at a time, checking ok, undoing if necessary, until correct. But I think you are already sorted on this.

Sarah

[malbro]

I add a "More" link to make it clearer - why didn't SD think of this?

These features are built in but the results depend on which layouts, and which options you choose for sections and for products. For example by default if you enable filtering the standard package uses a different layout to the normal product summary, this layout only has text and title but no add to cart buttons and no image. You can switch on the image by opening the filtering options, from the Site Options selection, and select the checkbox to include the image in the results, not exactly obvious but that produces the layout you are looking for. You could use this layout in a standard page without filtering by editing the layout to use this specific option or you can edit the Product Layout selector to include this layout as an option.

The links selection is available for each product and this allows you to set up links to product pages using the image, the title or a text link such as 'more....', you can also set up the links for extended pages here as well.

There is a huge amount of adaptability built in but unless you understand the blockif statements it is difficult to work out what needs setting and where, I have done several upgrades to the 2014 responsive design and I am still finding new built in options, a comprehensive manual would be a big help.

[feemish]

Sorry, Mark. Others have been much quicker than me at responding to you and being more helpful than myself. It was a while ago that I edited the layout - the same layout you refer to, using copy. I think it was just a matter of finding the elements in the code that I didn't want and deleting them, one at a time, checking ok, undoing if necessary, until correct. But I think you are already sorted on this.

Sarah

no worries thanks Sarah