V3.5 of NiftyGridZPro introduced a new feature for embedding product grids into paragraphs. The shortcode option that controls it is:
the product grid will be on the left with following paragraphs wrapped around on the right of it
the opposite of the above
no embedding happens and is the default if the option isn’t used
It’s perfect for small grids to illustrate the subject of the paragraph. If it’s taller than the paragraph, then the following paragraphs will squeeze up as well.
If you’re familiar with html styles, it uses a float left or right, depending on which you choose for the paragraph embed. Other styling it uses:
- The maximum width for the embedded grid is set to 50% of the available width
this is so everything will look good on mobile / tablet as well as on desktop / laptop
- There’s a 6px margin between the edge of the grid and the paragraph text
- The 1px border surrounding the grid takes its color from the cell border color
- There’s 5px padding between the border and the grid
When using the paragraph embed feature, if you’re showing grid navigation, it’ll be centered as shown.
The shortcode used for the above product grid is:
niftygridzpro use_only_product_names_in_titles=1 title_font_size="12px" cell_max_width="120px" cell_border_color="#aaaaaa" cell_background_color="#ffffff" cell_font_color="#333333" description_length="0" store_or_collection="hightonridley" search_term="law" page_size="4" product_background_color="#ffffff" allow_interaction=1 show_visitor_search_form=0 tracking_code="ngrdz_blg_pplr_pembd_exmpl" use_message_slot=0 product_grid_nav_font_size="14px" paragraph_embed="R"]
Only product grids with fewer than 10 products in them are eligible for the local domains feature. This is because, behind the scenes, NiftyGridZPro has to make a request for each product to check its availability and this takes time. Too much time to be good for your site if you have lots and lots of products in your grids, hence the imposed limit.