![]() ![]() Please be aware that using large images can affect page speed. Thumbnails shown for Items displayed in listing views can be enlarged from the default value of 320px to show clearer images. Thumbnail Image size thumbnail_img_size: 600, “Padded” thumbnails are shown by default (no need to activate this by including anything extra) or you can switch to “Cropped” thumbnails by adding cropped_thumbnails: true, When you upload an image to the RW Elephant application we generate a 320px square cropped image that is used for Item listing views within the plugin. Once you’re up and running with the Squarespace Online Gallery Snippet, you may want to make configuration changes to your previous selections through the Snippet Creator.īelow are the available configuration options that can be manually edited within your generated Snippet: var rwe_config = Cropped or Padded Thumbnails cropped_thumbnails: true, , .Īfter adding the domain/s inside RW Elephant, you should now be able to view the Inventory Gallery on your new Squarespace page. Note: If your site is available with and without the “, You can also add a valid test domain here if your site is still under development e.g. Here you can enter your live domain in the space provided: Open your RW Elephant account and visit the “Account” settings:Ĭlick on the “Online Gallery Settings” option on the left menu:Ĭlick “Edit” and then scroll to the bottom of the available options to find “Online Gallery Snippet”. Use our “Online Gallery Snippet Creator” tool to easily generate your custom configuration Snippet.įinally, you’ll need to register the live site domain inside the RW Elephant application. Configuration using the Online Gallery Snippet Creator This is where we’ll enter the configuration settings for the Online Gallery Snippet. Open the Page settings by clicking on the “Gear” icon next to the Page name.Ĭlicking on the “Advanced” tab inside the Page Settings modal will reveal the “Page Header Code Injection” text box. Saving the page should have exited “Edit” mode. You won’t see anything new appear on your page just yet, first we’ll need to add the script snippet that will generate the Inventory Gallery. Note: Make sure that “Display Source” is unticked and “HTML” is selected as the Language.Īpply the changes and Save the page. Step 3:Įdit the “Code” block that you added to your new page, and enter the following HTML: We found spacers useful for setting margins on either side of the Inventory Gallery for example (This does depend entirely on the chosen theme layout that you are using for your website). Note: You may need to add “Spacer” blocks around the new code block to adjust the design depending on the theme that you use. Move the new “Code” block into the position that you would like to display the Inventory Gallery. We recommend using a page with minimal content to display the Inventory Gallery on, using a more complex page with lots of extra content could lead to slower load times.Įnter “Edit mode” on your page, and add a “Code” block. ![]() You can use an existing page if you’ve already planned ahead. Disabling Ajax Loading.Ĭreate a new page on your Squarespace website that will hold the Inventory Gallery. If your Theme uses Ajax loading, this will need to be disabled in order for the Snippet to work correctly. Currently, the Snippet is usable with, but not fully compatible with some Ajax based Squarespace Themes.Important Note: Do NOT use the Private API Key available from within the RW Elephant Application. Please contact us at we will generate and provide a Public Key for use with the Snippet. To use the Online Gallery Snippet you’ll need to request a Public API Key.This will give you access to “Code” blocks, and allow you to add blocks of code to any page on your Squarespace site. You’ll need a Squarespace plan that includes “Premium Integrations & Blocks” (Included with Business, Basic Commerce and Advance Commerce plans). ![]()
0 Comments
Leave a Reply. |