Screenshot of product grid embedded in a paragraph

Example of the V3.5 feature: paragraph embedded grids

V3.5 of NiftyGridZPro introduced a new feature for embedding product grids into paragraphs. The shortcode option that controls it is:

  • paragraph_embed=”L”
    the product grid will be on the left with following paragraphs wrapped around on the right of it
  • paragraph_embed=”R”
    the opposite of the above
  • paragraph_embed=0
    no embedding happens and is the default if the option isn’t used

<1 of 20+>
<1 of 20+>
This is the new feature in action. You can embed the grid on the right, as in this example, or on the left if you prefer.

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.

Published by

HightonRidley

Mark Ridley is semi-retired and followed a career as a freelance business analyst. He has delivered business requirements resulting in many successful, high-profile projects for the private and public sectors, including the merging of the then Customs & Excise and Inland Revenue Inward Payment Systems into a single integrated system for the new HMRC. He now develops free-to-use online tools for artists and designers, helping them promote their designs on social media.

Leave a Reply