Shadows 10.12.02 PROD Page Tabbed Content Conflict

[lesliekirk]

In Shadows 10.12.02, the tabbed content (along with the whole page layout) moved into PageBuilder. Due to limitations of the PageBuilder layout (needing a couple of EASY connections to a couple of third-party modules), I opted to use the template code from Shadows 10.09.01, which has the A11Y-TABS. I made sure (or at least I thought I did) that the extensions.js was active and assigned (I may not have looked in all the right places)

When I compare the version that is working to the version that isn't, I am not seeing any of the "role" being appended like it is in the older version:

<ul class="x-a11y-tabs__list" role="tablist">
<li class="x-a11y-tabs__item" role="presentation">
<a class="x-a11y-tabs__link" href="#tab-description" role="tab" id="tab1" aria-selected="true">Description</a>
</li>
<li class="x-a11y-tabs__item" role="presentation">
<a class="x-a11y-tabs__link" href="#tab-reviews" role="tab" id="tab2" tabindex="-1">Customer Ratings &amp; Reviews</a>
</li>
</ul>

I even tried directly linking the extensions.js in the footer of the PROD page. I just got a console error that told me it was already there. I was thinking that trying to update to the latest version of Shadows for the site would be a good thing. For the most part, it has been and will be if I can get this figured out.

[Bruce - PhosphorMedia]

wait a minute. are templates going to be automatically migrated to Page Builder in 10.12.02?

[lesliekirk]

wait a minute. are templates going to be automatically migrated to Page Builder in 10.12.02?

Noooooo...I am just having a conflict with trying to use some template code (for the tabbed content) from Shadows 10.09.01 into 10.12.02 PROD Page template. It's broken.

[Bruce - PhosphorMedia]

whew...almost had to break out the bourbon at 1:00 in the afternoon.

[lesliekirk]

whew...almost had to break out the bourbon at 1:00 in the afternoon.

Hate to say it, but the issue I'm having with it would drive anyone to drink.

[Mark Hood]

I have also tried getting the new way of creating these product & category pages using page builder to work and have been left very frustrated. Pretty much put it on hold for now until they have finished expanding it to include more what I consider basic features.

[Nick]

I have also tried getting the new way of creating these product & category pages using page builder to work and have been left very frustrated. Pretty much put it on hold for now until they have finished expanding it to include more what I consider basic features.

What are some of the "basic features" that have not been included? A number of basic features are included and with the addition of a page fragment many customizations can be added.

[Mark Hood]

What are some of the "basic features" that have not been included? A number of basic features are included and with the addition of a page fragment many customizations can be added.

The ability to show swatches to imply different colors of a product on ctgy pages.

Need the ability to trigger tabs based on a products custom fields. i.e. not all products have size charts, or extra specs for instance. (I think this may be the reason Leslie is trying to use the older method?)

I'm guessing with the additions of variant id in the URL we're closer to being able to show a variant sku on the product page that changes with selection? My other dream is maybe Vexture (I had to turn off my Beta) that once the kinks get worked out will be able to now about a variant sku etc and pull up the product when someone searches with a UPC code.

Some of this I'm sure it's me missing instructions & know how, like how do you get the reviews to show inside the tab for reviews with the Miva review module?

[Nick]

Mark Hood Thanks for the feedback.


"The ability to show swatches to imply different colors of a product on ctgy pages."

Adding swatches on the CTGY page can be done but you would need to create a page fragment that pulls in that information. I will see if I can whip up some template code to give you an example and post it here later.

"Need the ability to trigger tabs based on a products custom fields. i.e. not all products have size charts, or extra specs for instance. (I think this may be the reason Leslie is trying to use the older method?)"

I understand this frustration and will pass it along to our development team and see if there is a way we can incorporate that feature.

"I'm guessing with the additions of variant id in the URL we're closer to being able to show a variant sku on the product page that changes with selection?"

Correct, having the Variant ID in the URL will allow you to create a page fragment that can pull the variant SKU and display it as needed.

"My other dream is maybe Vexture (I had to turn off my Beta) that once the kinks get worked out will be able to now about a variant sku etc and pull up the product when someone searches with a UPC code."

Internally we have been testing different ways to populate the product index and I think it would be a good test to see if we can get the variant skus in your product index to help with the results. I can take a look at this and see if there are any benefits

"Some of this I'm sure it's me missing instructions & know how, like how do you get the reviews to show inside the tab for reviews with the Miva review module?"

This one is possible but takes some development work and is not as easy as creating a page fragment. Our team is working on getting an update to the module to allow it to be included within a page fragment. In the mean time I have seen work arounds where the reviews and stars (data needed to render) are stored in a custom field then those are rendered in a fragment, which can be added to a tab.

[lesliekirk]

Need the ability to trigger tabs based on a products custom fields. i.e. not all products have size charts, or extra specs for instance. (I think this may be the reason Leslie is trying to use the older method?)

My issue with the tabbed content is that I need to use template code that I copied and pasted from Shadows 10.09.01 into the Shadows 10.12.02 PROD template. The javascript no longer fires.

My reasons for needing to do this are that there are third-party modules that need to display content on the PROD page - I'm trying to find the simplest way to do this (also trying to think like a store owner who wants to do this stuff themselves)

My other dream is maybe Vexture (I had to turn off my Beta)

Wait, what?!? The beta has already started? I'm needing Vextura sooner rather than later for this same store (and yes, both the store owner and I signed up for the beta). Sigh....

[Rick Wilson]

Everyone who signed up has been notified if they've been accepted and their expected onboarding date. Check with the client (also me me and I can look).

[Mark Hood]

What are some of the "basic features" that have not been included? A number of basic features are included and with the addition of a page fragment many customizations can be added.

Sorry Leslie to hijack your thread but just noticed/tried this one too... How would someone be able to show a price range on a product for ctgy,srch,plst display? I suppose it's not a basic feature and I could live without it but I don't think I'm alone in using it?

[lesliekirk]

Sorry Leslie to hijack your thread but just noticed/tried this one too... How would someone be able to show a price range on a product for ctgy,srch,plst display? I suppose it's not a basic feature and I could live without it but I don't think I'm alone in using it?

It is quite all right, Mark. I am trying to look at PageBuilder through the lens of a store owner. I have a number of store owners that I am trying to spoon-feed PageBuilder to, as I see great promise in it. These are store owners who have been using Miva for a very long time and have grown very accustomed to being able to have any sort of layout they can imagine. I try to explain that PageBuilder is for a quick and easy, albeit limited, way to create a page. I had a little more to say, but ...

[Nick]

Sorry Leslie to hijack your thread but just noticed/tried this one too... How would someone be able to show a price range on a product for ctgy,srch,plst display? I suppose it's not a basic feature and I could live without it but I don't think I'm alone in using it?

Currently showing a price range requires custom template code so that would need to be added as a native feature before it could be native to a Flex Component.

That being said a common implementation of this is having a template feed generate the price range and rendering the value in a product custom field. Then within the templates you would reference the price range custom field rather than the price value. If this were the implementation the display of the price range could be done the same way in a Flex Component. In the product card Flex Component you have the ability to show a product custom field rather than the price value.

So depending on your implementation it could probably be done but it depends on the setup.

[Mark Hood]

Currently showing a price range requires custom template code so that would need to be added as a native feature before it could be native to a Flex Component.

That being said a common implementation of this is having a template feed generate the price range and rendering the value in a product custom field. Then within the templates you would reference the price range custom field rather than the price value. If this were the implementation the display of the price range could be done the same way in a Flex Component. In the product card Flex Component you have the ability to show a product custom field rather than the price value.

So depending on your implementation it could probably be done but it depends on the setup.

We have it in a custom field. so if I understand correctly we would need to turn off the new stock price display completely and create a flex component for it?
I also test for a custom product field called nobuy because we have some products that we do not display a price and also don't display $0 price so my price display looks like this (below).
If I understand this correctly we should be able to create a flex component that this will work in?

<mvt:if expr="NOT ISNULL l.settings:product:customfield_values:customfields :variant_price_range">
&mvt:product:customfield_values:customfields:variant_price_range;
<mvt:else>
<mvt:if expr="ISNULL l.settings:product:customfield_values:customfields:nobuy">
<mvt:if expr="l.settings:product:price GT '0.00'">
<mvt:if expr="l.settings:product:base_price GT l.settings:product:price">
<span class="x-product-list__price_set">
<span class="x-product-list__price u-text-bold">&mvt:product:formatted_price;</span>
<span class="x-product-list__price u-color-gray-500 u-text-medium"><s>&mvt:product:formatted_base_price;</s></span>
</span>
<mvt:else>
<span class="x-product-list__price">&mvt:product:formatted_price;</span>
</mvt:if>
<mvt:item name="readytheme" param="contentsection( 'mvaffirm_configuration' )" />
</mvt:if></mvt:if> </mvt:if>

I'll have to play around with it when I get a moment but still have the other hurdles to deal with.