Adobe Community : All Content - All Communities

Showing and hiding dropdowns on product page, based on selected values

forums_noreply@adobe.com — Wed, 29 Oct 2014 13:14:20 GMT

Hello.

I would like my product page to show different subsequent dropdowns based on individual dropdown values.

I've managed to achieve this via JavaScript, but I do not like how it works.

As far as I can tell, there is no proper identifier for each individual dropdown to determine which one it is, so all I can do at the moment is to rely on their order in the DOM, which is bad and makes it difficult for me to create a solution that would work for all products.

For instance, if the following is a single attribute:

<div class="catProductAttributeGroup" style="display: none;"><div class="catProdAttributeTitle">Metallic Foiling</div><div class="catProdAttributeItem"><select><option value="">-- Please select --</option><option value="6051720">Not required </option><option value="6051721">Foil ONE side + £45</option><option value="6051722">Foiling BOTH sides + £75</option></select></div></div>

I would like the outer-most div to have some sort of html attribute that holds the product attribute id. Something like, data-attribute-id="XXXXXXX". Is that possible?

Here's what I have up to this point:

I use {tag_attributes_json}, {tag_product_json} and {tag_currency} to get these values into javascript on page load, so I can use them later.

Then, I hook to change events of the drodpowns I have and then toggle their visibility based on which ones are selected. I rely on the jequery ':eq(n)' selector to achieve this, which I do not like. Is there an option for the {tag_attributes} helper which would make it add some extra information (such as attribute ID on the dropdown) on the generated HTML?

All of this works initially, but If I then 'Add to cart', the product element get's ajax-reloaded and the events are suddenly unhooked, so it doesn't work anymore. For that one, there are two options:

1. I could hook to an event that triggers once the product has been added to cart and the page is ready again. Is there such an event?

2. I could implement my own add to cart using bcInternals.shop.addToCart. I tried doing this, but I have two problems with it.

a. addToCart seems to add my selection twice, for some reason. Any ideas what I might be doing wrong?

b. the cart info in the top right corner doesn't refresh. it seems it tries to refresh, but there's some sort of access error in the script. This part is not yet fully added to the page, but there's a function that would do the adding to cart at the bottom of the bigger script block. Am I using the built in addToCart function incorrectly?

This is the page I have the partially implemented functionality added on:

Matt Laminated Business Cards

The scripts are currently embedded inside the HTML. Once I have it properly implemented, I'd like to extract it into a separate file. Search for "$productAttributesElement" to find the block with the functionality and for "productInfo" to find the part where I store the product data with the _json tags.

Adjusting attribute costs based on quantity

forums_noreply@adobe.com — Sat, 18 Oct 2014 22:22:46 GMT

Hi all,

Is it possible to adjust attribute costs based on the quantity of a product?

For example, if the product was a hat, and there was an embroidery option as an attribute for an additional £5, is there a way to make that attribute £8 if the customer selects 2 hats, and £10 if the customer selects 3 and so on?

Thanks

Stock levels going down even when an order is cancelled during checkout?

forums_noreply@adobe.com — Sun, 17 Aug 2014 21:52:10 GMT

Hi guys,

I've been testing out the checkout and have noticed the stock levels are going down even though I'm abandoning the payment when it's processed through to PayPal. I'm used PayPal standard so no gateways. Any idea how I can ensure stock levels only go down when a product is ordered and the payment is actually completed?

Thanks

{tag_relatedproducts} as a UL instead of a table?

forums_noreply@adobe.com — Sun, 11 May 2014 15:17:27 GMT

Is there a way to have {tag_relatedproducts} appear as a UL rather than as a table?

Making catalog products responsive

forums_noreply@adobe.com — Thu, 08 May 2014 21:10:49 GMT

Hi guys, I'm building a BC site with Bootstrap 3, but I'm stuck trying to find a way to get the products in a catalog to stack on smaller devices since they're generated in a table. Is there a way to do this?

Also, is there a way to make catalogs available to everyone, but force a customer to login prior to checking out?

Thanks,

Peter

3D text won't render with environment texture loaded?

forums_noreply@adobe.com — Thu, 30 Jan 2014 23:18:01 GMT

Hi guys,

I'm using Photoshop CC and for some reason my 3D text won't render when I load a new texture in the environment. When a texture is loaded I hit render and it flashes once then stops. If I remove the texture it renders fine. Adding the same texture to the normal section, rather than environment also renders fine. Any ideas on what could be causing this to happen in the environment?

Thanks,

Pete

Blog category and archive js path/conflict issue..

forums_noreply@adobe.com — Sat, 11 Jan 2014 22:46:39 GMT

Hi guys,

My main menu isn't functioning when accessed from blog categories or the blog archive. My best guess is it's a js path or conflict issue but since im new to all this im not sure how to fix it. Would someone with some experience be able to point me in the right direction while I still have some hair left?

Thanks,

Pete

Path issue leaving me unable to add blog post content in design view

forums_noreply@adobe.com — Tue, 16 Jul 2013 10:19:59 GMT

Hi guys,

I am unable to add blog post content in design view when a template is applied to my blog. BC support have told me they fixed the problem by making minor changes to the paths of the css and javascript files and then told me to post on here for the solution.

When I call the files using <link rel="stylesheet" href="/css/custom.css" /> everything displays perfectly but in BC I can't add blog post content in design view. I can edit in html but this isn't ideal for clients to update the blog.

If I change the paths to <link rel="stylesheet" href="css/custom.css" /> it fixes the problem and I can then edit blog content in design view but all blog pages that are in folders display incorrectly. Only the main blog page display properly.

I'm sure the answer is simple but I can't find it so any help would be greatly appreciated. Thanks

Pete