Announcement

Collapse
No announcement yet.

Hep on a variable for a Jquery slideshow..?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Hep on a variable for a Jquery slideshow..?

    Hi all,

    I am trying to implement a different way for my visitors to "browse" through the products, and by clicking on the pictures, they go to the product page.

    Thhe problem I have is that using jquery, I need to give an id to each wrapper and this id is in the code within the <head> tags..as follow:

    Code:
    <script type="text/javascript">
    jQuery(document).ready(function() {
    jQuery.noConflict();
    // f3D instance #1
    jQuery('#f3d_wrapper1').f3d ({
    autoStart 				: true,			
    controlsHide			: false,
    sliderHeight			: '350px',
    sliderWidth				: '100%',
    useReflection			: true,
    dynamicColors			: false,
    useLogo					: 'acatalog/LogoBioFlex.png',
    slide_1					: {'vert': 'above', 'horz': 'center'},
    slide_2					: {'vert': 'above', 'horz': 'center'},
    slide_3					: {'vert': 'above', 'horz': 'center'},
    slide_4					: {'vert': 'above', 'horz': 'center'},
    slide_5					: {'vert': 'above', 'horz': 'center'},
    slide_6					: {'vert': 'above', 'horz': 'center'},
    slide_7					: {'vert': 'above', 'horz': 'center'},
    slide_8					: {'vert': 'above', 'horz': 'center'},
    slide_9					: {'vert': 'above', 'horz': 'center'},
    slide_10					: {'vert': 'above', 'horz': 'center'},
    slide_11					: {'vert': 'above', 'horz': 'center'},
    });
    });
    </script><script type="text/javascript">
    The "wrapper1" is the id I want to change by the "SectionPage" variable..but there are spaces in the SectionPage and I am not sure the spaces will be causing problems in the javascript code above...?

    Hence my question : is there any Variable available in actinic that will return the SectionPage but with an underscore _ rather than spaces ? I thought about replacing SectionPage by SectionPageName but not sure if the "." of the *.html will create problem too ?

    If everything works, I will be implementing this in the section link layout of every section, and all the catalog will be available for browsing through jewellery like this:
    http://www.body-piercing-jewellery.com

    Any help appreciated..
    Patrick
    http://www.body-piercing-jewellery.com/
    http://www.bioflex-wholesale-body-pi...suppliers.com/
    http://www.jewellery-stones-supplies.com

    #2
    Try SectionId as it's numeric.
    Norman - www.drillpine.biz
    Edinburgh, U K / Bitez, Turkey

    Comment


      #3
      Thanks Norman...

      Your advice is working a treat...as always !

      but I have been trying all different sorts many times, I end up having a problem to show the product list in its entirety...

      I explain.. This is my code :
      HTML Code:
      <actinic:block if="%3cactinic%3avariable%20name%3d%22ALLBioFlexNavel%22%20%2f%3e%20%3d%3d%20true%20AND%20%3cactinic%3avariable%20name%3d%22f3dSliderUsed%22%20%2f%3e%20%3d%3d%20true" >
      	<actinic:block type="EntireSectionList" >	
      			<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductType%22%20%2f%3e%20%3d%3d%200" >
      				<actinic:block if="%3cactinic%3avariable%20name%3d%22BellyBars%22%20%2f%3e%20%3d%3d%20true%20AND%20%3cactinic%3avariable%20name%3d%22Banana%22%20%2f%3e%20%3d%3d%20true" >			
      						<actinic:block if="%3cactinic%3avariable%20name%3d%22BioFlexBodyJewellery%22%20%2f%3e%20%3d%3d%20true" >				
      						<div align="center">
      						<div id="f3d_<actinic:variable name="MainSection::SectionID" />">
      						<actinic:block type="ProductList" ><div class="f3d_slide">
      						<actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductVisible%22%20%2f%3e%20AND%20%3cactinic%3avariable%20name%3d%22CanBeOrderedOnline%22%20%2f%3e" >
      						<div class="f3d_media"><a href="<actinic:variable name="ProductPageName" />" target="_self"><img src="<actinic:variable name="ProductImageFileName" />" alt="<actinic:variable name="ProductName" />" /></a></div>
      						<div class="f3d_details"><p align="center"><strong><actinic:variable name="ProductName" /></strong><actinic:block if="%3cactinic%3avariable%20name%3d%22ProductPriceIsEnabled%22%20%2f%3e%20AND%20%3cactinic%3avariable%20name%3d%22ProductPriceDescription%22%20%2f%3e%20%21%3d%20%22%22" ><br />at only <strong>£ <actinic:variable name="ProductPriceRaw" /></strong></actinic:block> ! </p> </div>
      						</actinic:block>
      					</div>					
      					</actinic:block> 
      		       </div>
      	        </div>
      						</actinic:block> 
      				</actinic:block>	        
      			</actinic:block>		
      	</actinic:block>
      </actinic:block>
      Now I don't know why, it seems the slideshow is showing only a part of the pictures and leaving the others on the page underneath check it here
      http://www.body-piercing-jewellery.c...Jewellery.html..it seems that the code is going through first the entire section, then give the product list but just for one of the sections...? Is there a missing variable or a block to tell him to show the entire product list found after the blockifs there and not only one section?

      And I don't know why but I can't seem to find any other variable than "ProductPriceRaw" to insert the price of each product, but the price given is not showing the 2 digits after the point when it is a 0 for example:
      it shows £ 8.34 because it is not 0 at the end
      it show £ 9.2 for £ 9.20...any ideas ?

      I have the Norprice installed, and Ideally, I would have loved a variable to insert the HTML for any currency chosen..possible perhaps it can solve the above problem as well..??

      Sorry to be so demanding, but believe me I am having good headaches here since a few days..thanks for the help..
      Patrick
      http://www.body-piercing-jewellery.com/
      http://www.bioflex-wholesale-body-pi...suppliers.com/
      http://www.jewellery-stones-supplies.com

      Comment


        #4
        oOOpS..

        I think I resolved the first problem by inverting the position of a the first divs...as follow:

        Code:
        <actinic:block if="%3cactinic%3avariable%20name%3d%22BellyChainsNavelClips%22%20%2f%3e%20%3d%3d%20true%20AND%20%3cactinic%3avariable%20name%3d%22f3dSliderUsed%22%20%2f%3e%20%3d%3d%20true" >
        			<div align="center">
        				
        				<div id="f3d_<actinic:variable name="MainSection::SectionID" />">
        		<actinic:block type="EntireSectionList" >	
        			<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductType%22%20%2f%3e%20%3d%3d%200" >
        				<actinic:block if="%3cactinic%3avariable%20name%3d%22FashionBellyChains%22%20%2f%3e%20%3d%3d%20true" >	
        					<actinic:block type="ProductList" >
        					<div class="f3d_slide">	
        					<div class="f3d_media"><a href="<actinic:variable name="ProductPageName" />" target="_self"><img src="<actinic:variable name="ProductImageFileName" />" alt="<actinic:variable name="ProductName" />" /></a></div>
        					<div class="f3d_details"><p align="center"><strong><actinic:variable name="ProductName" /></strong><actinic:block if="%3cactinic%3avariable%20name%3d%22ProductPriceIsEnabled%22%20%2f%3e%20AND%20%3cactinic%3avariable%20name%3d%22ProductPriceDescription%22%20%2f%3e%20%21%3d%20%22%22" ><br />at only <strong>£ <actinic:variable name="ProductPriceRaw" /></strong></actinic:block> ! </p> </div>						
        					</div>
        					</actinic:block> 										
        				</actinic:block>	        
        			</actinic:block>	
        	</actinic:block>
        			      </div>
        	       </div>
        </actinic:block>
        It shows the order of the blocks is important when trying to organise something like that.. I still wonder why we can't put any div between the EntireSectionList and the ProductList...or is it the MainSection::SectionID that did it ?

        Anyway, that is resolved, any advice on the way the price is showing ?
        Patrick
        http://www.body-piercing-jewellery.com/
        http://www.bioflex-wholesale-body-pi...suppliers.com/
        http://www.jewellery-stones-supplies.com

        Comment


          #5
          You are using Product Variables outside of a ProductList. That will lead to bizarre behaviour. Use:
          Code:
          <actinic:block type="EntireSectionList" >
            <actinic:block type="ProductList" >
              ALL PRODUCT CODE HERE
            </actinic:block>
          </actinic:block>
          You're unlikely to get any more detailed help as that would involve someone loading a Snapshot of your site (as it uses custom variables that only you know the purpose and place of usage).
          Norman - www.drillpine.biz
          Edinburgh, U K / Bitez, Turkey

          Comment

          Working...
          X