E-Commerce Large Product Popup

When I select a product on my site and it goes the the large product page I would like to be able to click on the large image and have it popup in its own window in a bigger size like the poplets do. Is there a way to have it do that without having to click on a poplet, just click on the large image itself?
Thanks
Josh

Use to construct the html img tag with an id class or
a js call that will help you present the image inside lightbox effect. You
can have a look at the poplet markup and construct the same tag for the
large image as for poplet and hence utilise the existing bc lightbox. Or
create your own

Similar Messages

Once attribute price selected, updating the price on the large product layout?

For my e-commerce site I need to setup, when a customer picks an attribute (such as 'Custom Artwork +£5.00') The price on the large product layout updates automatically before proceeding to the Shopping Cart for the price to update.
Is this achievable?

Hi Paul,
In case you still in need, (assuming you are using the attribute to pass the information to the cart) you can adjust the displayed price to reflect the selected option.
--not sure if this is the right way.. however it works.
---html--
<div id="catProdAttributes2_8090953" class="productAttributes">
     <div class="catProductAttributeGroup" data-productattributegroup="1851262">
          <div class="catProdAttributeTitle">Warehouse</div>
          <div class="catProdAttributeItem">
          <input type="radio" id="13466918" name="1851262" mandatory="1" />
          <span>US Warehouse $0</span>
          <img src="/images/attributeimageUS.png" alt="US Warehouse" border="0" /></div>
          <div class="catProdAttributeItem">
          <input type="radio" id="13466919" name="1851262" mandatory="1" />
          <span>AUS Warehouse $2.26</span>
          <img src="/images/attributeimageAUS.png" alt="AUS Warehouse" border="0" />
          </div>
     </div>
</div>
                <span class="updated_price">{tag_totalprice}</span>
                <span style="display:none;" class="original_price">{tag_totalprice}</span>
--Script---
<script type="text/javascript">
$('.catProdAttributeItem img').on("click",function(){
$(this) .siblings ('input[type=radio]') .attr('checked', true);
var original_price = $('.original_price').text() .replace(/[^0-9\.]/g, '');
parseFloat(this.original_price);
var warehouse_price = $(this).siblings('.catProdAttributeItem span') .text() .replace(/[^0-9\.]/g, '');
     warehouse_price=parseFloat(warehouse_price);
var total_price = parseFloat(original_price) + parseFloat(warehouse_price);
$('.updated_price').html('$' + total_price.toFixed(2));
</script>

Hiding Sub-Catalogs on Large Product View

Hi BC Community,
Wondering if anyone has any tips or tricks for hiding (or removing) the Sub-Catalog list from the Large Product.html page (e-commerce). When looking at a detail view of a product, and that particular catalog has say 20 sub-catalogs, the detail view of the individual product is at the bottom of the sub-catalog list (which it should be), but it sucks that you have to scroll to the bottom of the page just to see the individual product.
Any way around this?
Thanks,
Aaron

Hey Aaron,
You will have to look for an identifier element from the large product layout. If that exists on the page then with javascript you can manipulate the html to as you need with that and some css.

Adding facebook comments to large product page

hi guys I just wanted to go over the facebook intergration process *** ive read this http://kb.worldsecuresystems.com/kb/add-social-media.html
but couldnt find the container.html page in admin, only dreamweaver.
plus when ive checked out the forums on intergrating facebook comments there seems a work around because the current module doesnt work the way people want it. to.
Is this still the case or should I go about intergrating facebook as described http://kb.worldsecuresystems.com/kb/add-social-media.html
What I want to do is use it on this site on the large product section instead of the comments module ive inserted
http://www.ceramicplanet.co.uk/bathroom-tiles/relief-white-5445-25x33cm
would adding the script to the large product template manually work better than adding it to the facebook container.html page in the social modules folder?
plus I got the impression peeps had trouble having the comments for that one item showing just on its own page. I want just comments for the product on show appearing on that product page not just any old list of random comments. Is this easy to do now or is there extra url tags needed?
any advice or help will be greatly appreciated
Dave
oh just to say this is the code facebook gave out when I pressed get code but Ive noticed different versions on forum pages, is it right to use this
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="http://example.com/comments"
data-colorscheme="The color scheme used in the plugin" data-numposts="5"
data-width="420"></div>

If you just want to keep it simple, Facebook has a social widget system that works from the URL, as long as the URL stays the same the comments will he there for that product or whatever you need.
It is very easy to implment and even has a wizard to help you config the size and look.
https://developers.facebook.com/docs/plugins/

I reinstalled acrobat pro 9.0 on windows 7 Ultimate 64, it installed OK, When I open i get a large white popup screen which i cannot close... what to do?

I reinstalled acrobat pro 9.0 on windows 7 Ultimate 64, it installed OK, When I open i get a large white popup screen which i cannot close... what to do?

Hey jeroenb16613921,
Please specify exactly when you get this white popup screen. While opening a PDF or launching Acrobat by double-clicking on the Acrobat icon.
If it comes when opening a PDF, then where is this PDF actually stored?
Let me know more on the same so that I can analyze the issue.
Regards,
Anubha

Large product page not displaying correctly on responsive webpage.

Large product page not displaying correctly on responsive webpage. Not really sure what to adjust or correct.
http://iamartde.businesscatalyst.com/apparel-1/i-am-art-sweatshirt-white

Hi,
I think it may be <div class="html5gallery-viral-0"> (contains the social media buttons) // screencasteu.worldsecuresystems.com/AP/2013-08-01_1033.png
It's the only element that isn't in sync with the other elements on page, when compared to home.html for example.
Kind Regards,
Alex Pavelescu

Hi is there any way around showing large product lay out through separate template from Over all layout?

Hi, I have been thinking why everything except for the small product back up is tied up to the over all layouts template. Could any one give me advice on some ways I could display my large product page using a different template?
Any suggestion will be appreciated. Thank you very much

Only with javascript and CSS and of a new template per catalog.

What is considered to be a large production client?

I'm about to perform a client transport and would like to know about how many gb in database size is considered to be a large production client?
Thank you

Dear,
Please note in SAP everything is Possible , if your database size is 80G or 1TB we are having various methods of transferring data from one system to the other system.
You can do it by 1. System copy.
2. Remote client copy.
3. Client Export & Import.
Warm regards.
Hassan Naveed

Output catalog name on large product layout

Has anyone come across a way to output the catalog name on the large product layout?
The nearest I can see getting is using jQuery to parse the breadcrumbs or the url. Ideally I want to do this so I can make some css changes on the product page depending on which catalog it's in.
Any ideas?

Worked it out, this one's done using Javascript. Posting the solution here for anyone who needs it. In the example below, .main is my main div that I would like the classname applied to. This will take the second-last element of the url and apply it as a class to the my div with class .main. Note: there may be issues here if your urls have trailing slashes.
<script type="text/javascript">
var url = window.location.pathname;
    url = url.split("/");
    urlclass = url[url.length-2];
    $('.main').addClass(urlclass);
    </script>

HELP! Container on large product won't expand with content

Everyone, I am at my wit's end. I'm almost finished optimizing my site for tablet but I can't figure out why the containing div around the large product won't expand. I've tried everything! It's fine on mobile and desktop but for some reason it won't expand on tablet.
http://petroniuswines.businesscatalyst.com/wines/italian-wines/marchesi-incisa-leopoldo
I went ahead and linked the tablet.css in the main desktop template so you can see my issue.
http://petroniuswines.businesscatalyst.com/css/tablet.css
It's a mess, I know. I've tried everything so I don't even know where to turn for a fix at this point. I color-coded the divs in the large product so I could clearly see what was happening.
Any help would be so much appreciated!
Anne

Line 1200 in tablet.css. You have a height set to 200px in .product-list
li{}

Large Product Module

How do I call a large product module onto the page? Here's the format for my small product module:
{module_product,31999,5038261}. Where can I check?
Thanks.

Using KB Instructions:
I tried:
{module_product,31999,5038262, template = "/Layouts/OnlineShop/large_product.html"}
{module_product,31999,5038262, /Layouts/OnlineShop/large_product.html}
{module_product prodcutId="{{5038262}}" catalogID="{{31999}}" template="/_System/ModuleTemplates/Shop/productLarge.html"}
{module_product prodcutId="{{5038262}}" catalogID="{{31999}}" template="/Layouts/OnlineShop/large_product.html}
I'm using a directory to hold all my landing pages called /books. Do I need to type in the full URL of the large product template to call it up? How do I do that?

Supporting and troubleshooting large production BW systems

Hi gurus,
Please help me regarding the below. I am new to SAP BW.
1) supporting and troubleshooting large production BW systems, Any examples.
2) How can we achieve Performance tuning, Any examples is appreciated Please..
3) Performance management of complex queries and BW system as a whole
4) Any material regarding BW 3.x design and configuration.
Can any one please provide me with some documents,links or material to my email ID: [email protected]
Thanks
Venu

Re: In production Support , how i can acquire the knowledge
Re: How to resolve tickets its urgent
Re: production support issues
production support

Anybody coded a large product suite using Swing?

Does anybody know of a person or company that has coded a large product suite (hundreds of programs) using Swing components -- whether as applets or as Java Webstart applications?
We are considering doing that and would be interested in feedback from those who have gone before us.
In our case, we're talking about financial, payroll, human resource, warehousing, student management, and other applications for school districts.
Thanks.

Do you have any advice?
We are considering the use of:
* Swing only
* HTML / Javascript only
* Swing for some heavyweight apps, HTML / Javascript for lightweight apps
Is Swing productive for doing many, many separate database apps that fall under the same system (product suite)?
What are strengths/weaknesses?
Is it difficult to change a Swing app's UI after it has been initially done? Such as the addition of new components or the re-arranging of components and adding new panels/components?
Does it seem possible to productively write a bunch of swing apps without purchasing some vendor's framework product?
Because of issues with browser types, DOM and Javascript compatibility, etc., do you think Swing development is the lower cost way of doing it as compared to the HTML / Javascript approach? (We need to run in Netscape, IE, and Safari -- or outside of the browser altogether.)
Any general comments/advice?
Thanks.

Large Product page for Mobile ???

I'm creating a mobile site. I just need a mobile page for the "large product" I can't use a template for the "Large Product" page why.?
This would make life beautiful.
So how do I go about creating a mobile Large Product Page? Can I redirect it?
I'm frustrated.
Please HELP Me.!!!

They dont, they offer mobile layout options.
Many mobile sites you see on the web at the moment are actually responsive designs which use media quries etc rather then totally different layouts.

Center Large product view?

I got a problem with my "large product view"
1: the product thumbnail is placed to the left, I would like it to be centered.
2: the thumbnail is kind of small, how do I make it larger?
where in the CSS do I change those things?

Ops,, forgot to post the link
Breitlings Navitimer
I managed to get this particular product larger but still it does not look right, I want it to be 100% hight from the bottom of the page to the gray area.
Is it possible to force the product images to be a specific size (if it's to small, it stretches or to bid it shrinks)?
I also notised a separate problem in the meny bar,, in "MÄRKEN" the dropdown meny shows up on the side to the right instead of underneath "MÄRKEN"
Thankful for help

E-Commerce Large Product Popup

Similar Messages

Maybe you are looking for