fix(): Add next step blocks to guides 3 et 4

Author: LevFlavien

content/tutorials/guides/how-to-get-families-and-attributes.md

@@ -209,3 +209,16 @@ Retrieved attribute list follows this structure:
 attribute_code_list may be significant, very big! If you get an <a href="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html#sec10.4.15" target="_blank" rel="noopener noreferrer">HTTP 414 error</a>
 , you probably hit these boundaries. A workaround is to split your attribute_code_list into different parts and call them independently.
 :::
+
+<div class="block-next-steps block-next-steps-alt">
+    <img src="/img/illustrations/illus--Attribute.svg" width="140px">
+    <div class="block-next-steps-column">
+        <div class="block-next-steps-title">Next Step</div>
+        <div class="block-next-steps-text">Well done! Keep digging into the “App workflow” and follow the next tutorial!</div>
+        <div>
+            <ul>
+                <li><a href="/tutorials/how-to-get-pim-product-information.html">How to get PIM product information</a></li>
+            </ul>
+        </div>
+    </div>
+</div>

content/tutorials/guides/how-to-get-pim-product-information.md

@@ -538,4 +538,17 @@ var_export($productMediaFileResources);
 
 :::info
 Keep in mind that synchronizing media files might be time and resource-consuming. Download media only if you need it, or do it in a dedicated and independent process.
-:::
+:::
+
+<div class="block-next-steps block-next-steps-alt">
+    <img src="/img/illustrations/illus--Attribute.svg" width="140px">
+    <div class="block-next-steps-column">
+        <div class="block-next-steps-title">Next Step</div>
+        <div class="block-next-steps-text">Well done! Keep digging into the “App workflow” and follow the next tutorial!</div>
+        <div>
+            <ul>
+                <li><a href="/tutorials/how-to-collect-product-variations.html">How to collect product variations</a></li>
+            </ul>
+        </div>
+    </div>
+</div>