eCommerce, product attribute formatting

Screen Shot 2014-02-11 at 9.18.15 AM.png

I am building an online store with product attribute check boxes. When I add {tag_attributes}, the text is too close to checkboxes (see above). How can I add more space between the text and the box? Thank you!

the type is not a .checbox of class is a class

.catProdAttributeItem entry.

OR

.catProdAttributeItem input [type = checkbox]

Tags: Business Catalyst

Similar Questions

  • Update product, JSON, price, product attribute combinations

    So I'll try to update my total price in the module works great tempate when someone chooses a new attribute of product in a drop-down list. I was on the right track, but I'm stuck now. Brand new to all this so sorry in advance if it's something really simple.

    So in my model of module of great product, I have a Javascript function as follows:

    "< script type =" text/javascript"src="Scripts/jquery-1.8.3.min.js "> < / script >

    < script >

    function updateprice (myoptionid) {}

    var originalpricedollarsign = "{tag_totalprice}";

    var originalprice = originalpricedollarsign.replace (/ \ $/ g, ");

    var jsonattributes = JSON.parse ('{tag_attributes_json}');

    var addprice = jsonattributes.options [myoptionid] .price;

    var newprice = parseFloat (originalprice) + parseFloat (addprice);

    document.getElementById('lbltotalprice').innerHTML = "price Total:"+ newprice;»

    }

    < /script >

    I also have a label, rather than use {tag_totalprice}, as follows:

    < class li = 'price' > < strong > < label id = "lbltotalprice" > Total price: $< / label > < / strong > < /li >

    The {tag_attributes} tag place much of the html on the page formatting. I want the drop-down list created by my tag_attributes tag to call my onchange function above. There is no default onChange event in {tag_attributes}. Then I dynamically change the {tag_attributes} tag to add an event onChange as follows:

    < script >

    var myattributes = "{tag_attributes}";

    var modifyattributes = myattributes.replace (/ \ < select / g,' < select onChange = "updateprice (this.value);) » ');

    document. Write (modifyattributes);

    < /script >

    More funny, everything works perfectly. I can choose the attribute and displays the updated price. Everything seems fine. However, this is where I hit a snag.  I also groupings of products, displayed using {tag_groupings}. When I select a new product in the dropdown product group, all of the page becomes white/white, and all that is shown is the attributes drop downbox. If I comment on the "document.write (modifyattributes);" above, it goes back to normal. Basically, I lose the whole page except for the attributes drop-down which is be re-written.

    I literally just don't know where to go from here. I hope it's something easy and it's just my lack of knowledge that is what actually appears so difficult.

    Any advice is greatly appreciated!

    Thank you all!

    Mark

    OK, so let me start by saying that I have never developed a Web site or used before BC when I figured this out awhile back. That being said, it's probably not 'best practices' or the most effective, but it works.

    In addition, my template code is big enough, so I took these code snippets to show you. I tried to make it fully contained, but I may have missed a bit of code here and there. I hope that this will put you on the right track. So, basically, in your individual product - model of large module, you'll want to do something like that. I contains the code, then I'll explain a little bit about it.

    First of all here some of the functions you will need are available:


    var newhtml = html.replace ("' select required ', 'select id ="selectattrib"required");
    myElement.innerHTML = newhtml;
    var myElement02 = document.getElementById ('selectattrib');
    myElement02.addEventListener ('change', function () {updateprice (baseprice)}, false);
    }
    // **************************************
    // **************************************
    The updateprice function is called from the event listener we added in the fixattributes function. This function is called each time a user
    selects a new product attribute. It determines the basic price, and then adds the additional price of the attribute at the base, giving you
    your updated prices. I then a label that I update with the new price, so it is displayed to the user. I took a lot of extra code
    by this function, which performs different things, but you can see that I have a myimage variable. If you have a separate image of your attribute, you can
    Use this variable to update the image displayed to the user. For example, if the product is a shirt and there are two attributes, red and blue.
    You can have displayed appropriate color shirt as they choose in the drop-down list.

    function updateprice (baseprice)
    {
    var myElement03 = document.getElementById ('selectattrib');
    var Id_option = myElement03.options [myElement03.selectedIndex] .value;
    var myElementlblprice = document.getElementById ('lbltotalprice');
    var jsonattributes = JSON.parse ('{tag_attributes_json}');
    var addprice = jsonattributes.options [optionid] .price;
    var newprice = parseFloat (baseprice) + parseFloat (addprice);
    myElementlblprice.value = "price: $" + newprice.toFixed (2);
    var myimage = jsonattributes.options [optionid] .image;
    }
    // **************************************
    // **************************************
    Setprice function was just a simple update the label displaying the price. The new price is passed as a parameter, and the label is updated.

    function setprice (newpriceDS)
    {
    var myElementlblprice = document.getElementById ('lbltotalprice');
    Var newpriceDS.replace = NouveauPrix (/ \ $/ g, ");
    Var newprice.replace = NouveauPrix (/ a, / g, ");
    var newprice = Number (newprice) .toFixed (2);
    myElementlblprice.value = "price: $" + NouveauPrix;
    }
    // **************************************

    Towards the end of the loading of the page, you just need basic Javascript to call the fixattributes function. Some of my products have attributes
    and some are not, so I first check if all the attributes exist before going forward.

    I hope that's enough to help you get started. If you have any questions, please let me know...

    Thank you
    Mark

  • Hide pricing in the product attribute

    I want to hide the price difference in a list drop-down product attribute.  Does anyone know how this can be done?

    I thought that you could do this within the tag, but I don't remember off the top of my head. If it is not possible, you could always out band with Javascript.

  • How do I add products to an order or an invoice, and select a product attribute

    Thank you in advance for your help!

    Using BC as a CRM, we would like to use it as a means to produce quotes, orders, and invoices for potential new customers and repeat customers in the system.

    I can't seem to add a product to a quote/order/invoice - and select the desired product or attributes...

    Is this a fixable problem or territory 'no go '?

    Thanks again,

    Lloyd

    Hi Lloyd,

    Unfortunately, this is a request for wishlist that you can't manually select the element of product attribute when generating an order of CRM at this stage.

    The only solution is to create the order on behalf of the client on the front side of the site.

    I'll pass this feedback to our product team as well.

    Kind regards

    -Sidney

  • The export of paragraph attribute format tag

    Hi all

    Using structured FM 11 on Windows 7.

    I need a way to return paragraph format tags. I know it's easy to assign them to import with ESD, but I don't know how to save the export.

    I was hoping that read/write rules can contain something in the sense of:

    attribute "paraFormat" is fm property paragraph format tag;
    

    I think it's probably possible with ExtendScript or a custom API, but I would rather these if possible.

    Thank you!
    Trevor

    Trevor,

    I think you're out of luck with read/write rules. The hypothesis is that logical formatting is the property of ESD and would therefore have no relevance in the XML file. As you claimed it, a client of import/export API could do. An ExtendScript could also do prior to importation, by filling the advance attributes. It's a very simple script, perhaps 20 lines or more.

    My FrameSLT plugin could also fill the attributes advance with a Script Assistant node, but is not free as YOU. www.weststreetconsulting.com.

    Russ

  • The Product attribute - ENTRY instead of select

    I so need to capture the data of an input field and associated a product like its attribute instead of predetermined as a select button or radio data. In this way, on the order itself, so that the point - there the necessary data.

    For example - a personalized printing of name - sale and capture the name to print on the shirt.

    That the admin does not provide this option, I thought about creating a single option in a drop down that is selected by default and then add an input field to collect the data I need. Then replace the selct with that of the input value.

    Probably due to my lack of skills JS - I can't get this to work.

    Anyone has a suggestion on how to do this?

    Thank you very much!

    David

    Hi David, you probably not aware, you have a thing for that. IF you check the product to capture details and you have this tag made in the layout:

    {tag_capturedetails}

    This will then make a text box, you can use for things like message of T-Shirt etc.

  • Product attribute not dispalying before add to cart

    I am creating a site of electronic commerce with BC.  I created a test product.  I added two attributes of the product.  When I go to the product page, the attributes are not displayed.  How can I get the attributes of the product appears so a customer can select the attribute options before adding to cart?

    OK I thought about it.  I had to add {tag_attributes} to my Module template.

  • Product attributes Upcharge

    Hi all

    I don't know if this is even possible, but I thought I'd throw it out there anyway.

    Does anyone know if it is possible to add a price uncharge on an attribute as a percentage of the sale price, instead of a fixed sum in dollars?

    Thank you

    K

    Kristen is not possible, you'd discount code/coupon at the stage of the cart.

  • eCommerce Product Import question - need HELP!

    I'm trying to import 899 products in the e-commerce module, but it takes 6 + hours and I never get an end message.  Import shows that progress and products receive they added/updated but it takes a long time and I never get an end message.  Any ideas on why this is happening and how to speed it up?

    Hello

    Try to split the import in 400 points or less to see if that helps to improve your experience.

    If still in trouble I suggest you submit a ticket (join the import in question file) us as soon as POSSIBLE because it should take less than a minute by import.

    - http://helpx.adobe.com/business-catalyst.html (BC Contact Support)

    Kind regards

    -Sidney

  • Import of products, setting attributes in the form in Excel

    I couldn't understand why my export from my database of product in catalyst for business could not then be imported after a few minor changes. After removing all data from cells which were optional and I thought that potentially the cause of the problem, finally, I deduced that the product attribute column was to blame. If I suspect it has something to do with the format of the data in that cell. The following data:

    Size * | 5. Y:XL |, L |, XXL | US / 23, S |, M |, XXXL | US / 24; Color * | 5. Y:black | / images/product/clothing/t-shirts/shabby-road-dos - black.jpg | U.S. / 21, Gray | / images/products/clothes/t-shirt-t-shirts/shabby_ro ad_gray_back.jpg | US / 21

    What happens if something is wrong with the above syntax? This is exactly how the product export output. I added the attributes manually, that's all.

    The system should not export data that can then be easily imported?

    Really, this creates multiple problems for the management of products and their inventory in bulk. Should I remove the column product attributes whenever I do a download in the future?

    No, I mean WE / 02 h 00, but how you did is also valid if it makes when you do it in the admin.

    If your dealing with imports then set an example in the admin - export and then you can see the structure, you can just copy that and apply it to other products.

    Just be aware NOT to use illegal character sets and stick to the numbers for prices and letters for other attribute data to avoid any problem with import/export (which there are in this regard)

  • The analysis/display an RSS feed with the format of the attribute

    Hello

    I'm trying to integrate a RSS feed on a tab of my application. The question I have is that he is not an .xml file, I'm managing myself. It is hosted by an external source, and as the most common form ofAs an example. How can I convert on the fly in (the attribute format)? From there, I know how to access and list data in a ListItem.

    I'm not very experienced with C++, so I hope this is not too advanced. Some of the directions to the right tutorials would be appreciated.

    Thank you!

    Thanks for the suggestion of dridk, but I understand the problem.

    I was missing LIBS +=-lbbdata in the .pro. It works now.

  • How to show the image attribute of product in your cart

    The shopping cart product image display the image of product attribute instead of the image of the small product - {tag_productimage}?

    Should I use: {{CheminImage}}?

    Example:

    Bike Helmets have several attributes of COLOR - customer selects the color they want attributes then go in the basket.

    At present only the spectacle of image of commodity (like the BLUE one) - if I buy the helmet RED , the cart product image should change the color of the selected product.

    Is this feasible?  what I need to remove the color as an attribute and make all the products separated. Other wise why have attribute images?

    Please advise,

    Thanks, Siaka

    Possible but no way to practice.

    You must use module_data to get additional product information from the product data available in the basket. Assign groups and then the attributes in these groups are 2 separate applications.

    You will end up with a loop module_data inside another inside another BY product.

    Until some updates are made by BC to improve this, as you could, your in for some pain and double figure module_data use to do.

  • Is it possible to dynamically update the price of the product when the visitor selects a new attribute of product?

    I'm fighting to get the price of the product to be updated dynamically when a visitor selects an attribute of the product in the menu dropdown.

    Has anyone successfully put in place?  With the help of javascript (JSON tags?) I see that the examples have been provided to change the image of the product - but not the price of the product. ()http://helpx.adobe.com/business-catalyst/partner/product-inventory.html()

    Help or direction would be greatly appreciated. Thank you very much.

    Was looking for my previous post and came on this thread, I hope that if someone of other googles in there is a solution in this thread:

    Re: Product attributes price calculator

  • LOV cascading if I don't have only one table with the customer name and the name of the product in the ADF.

    Hi Please help me how to use cascade, if I don't have only one table with the customer name and the name of the product in the ADF... I use Jdeveloper 11.1.

    For the client, I used customer VO with client list to fill but to populate the product that I use bind variable PrODUCT_NAME select distinct from TABLE where client_name =: bindCustomer

    so first of all, I need to set the variable of liaison on behalf of the selected customer.

    Can you please tell me how to set this variable binding in this case.

    After you set the LOV to your product attribute, correspondting VO in the LOV will appear under view accessors.

    Change the accessor of the view, you will see the variable binding. Set its value to the customer field of the parent object.

    Visit this link: https://www.youtube.com/watch?v=nXwL2_RP7AQ

    Kind regards

    Elias.

  • BCC: it is possible to put a hook on product button 'save '?

    Hello

    in our catalog, we have a business rule compatibility between an attribute of product value and ATG external data which States: If a specific product attribute is changed by the user in the CCI, it can save updates of product if this update satisfy the business rule (e.g. the business rule can be determined from a DB query on external schemas) , would the ICC move an error message. The question is: can I customize the 'save' button behavior BCC product (for example can I call the code java cutom)? If so, how can I do? I found nothing on docs.

    Any help will be greatly appreciated.

    TNX & regards,.

    S.

    Hello

    You can perform this customization of the BCC. Take a look at the component/atg/remote/assetmanager/editor/service/RepositoryAssetService.

    You can extend RepositoryAssetServiceImpl (it is the component class), adding your validation rules customized to doUpdateAsset (or preValidateUpdateAsset) methods.

    It will be useful.

    Good bye

Maybe you are looking for