Special code needed

Excursionist
68 1 6

I would like to insert some code into a section of a tab on my product page that gets products with the same title from 6 collections and displays them as small 150 x 150 px thumbs but excludes the current product from the results and displays the collection title under the image. 

Page is here and tab is more options for the results https://theworldreflected.com/collections/acrylic-prints/products/river-etive-falls-two?variant=2960...

 

A mock up is here 

 

IMG_0100.jpeg

 

I am using Parallax Theme and would really like for the title such as in this example 'River Etive Falls' to work because then the same would work for all other products and it would not require and taging or data entry. 

 

Oh the product thumbs would link to the products

 

Thanks

 

Below are the collections 

Product type - Print - Collection ID - 142462386248  

Product type - Framed Print - Collection ID - 142451212360

Product type - Acrylic Print - Collection ID - 142448197704

Product type - Metal Print- Collection ID - 142463467592

Product type - Wood Print - Collection ID - 142463565896

Product type - Limited Edition - Collection ID - 142991130696

 

Code below

 

Special Code to go here 


<p>This is where the other products go<br><br>

 

<!--Start tab labels-->
        <ul class="tabs">
          <li>
            <a class="active" href="#tab1">
  				{% for collection in product.collections %}
   				{{ collection.title }}
 				 {% endfor %}
            </a>
          </li>
          <li>
            <a href="#tab2" class="">
              
                More Options
            </a>
          </li>
          <li>
            <a href="#tab3" class="">
              
            </a>
          </li>
        </ul>
        <!--Start tab content-->
        <ul class="tabs-content">
          <li class="active" id="tab1" style="display: block;">
            <div>
            <p>{{ product.description | split: '<!-- split -->' | first }}</p><p><span style="font-style: normal;">{% unless collection_handles contains 'coming-soon' %}</span></p><p>          {% include 'product-form' with 'product' %}</p><p>        {% endunless %}</p>
                    {% if section.settings.display_collections or section.settings.display_tags or section.settings.display_type %}
        {% endif %}

        <div class="meta">
          {% if section.settings.display_social_buttons %}
            {% include "social-buttons" with "product" %}
          {% endif %}

          {% if section.settings.display_collections %}
            <p>
              <span class="label">{{ 'products.product.collections' | t }}:</span>
              <span>
               {% for col in product.collections %}
                 <a href="{{ col.url }}" title="{{ col.title }}">{{ col.title }}</a>{% unless forloop.last %},{% endunless %}
               {% endfor %}
             </span>
           </p>
          {% endif %}

          {% if section.settings.display_tags %}
             <p>
               {% for tag in product.tags %}
                 {% if forloop.first %}
                   <span class="label">{{ 'products.product.tags' | t }}:</span>
                 {% endif %}

                 {% unless tag contains 'meta-' %}
                   <span>
                     <a href="/collections/{% if collection %}{{ collection.handle }}{% else %}all{% endif %}/{{ tag | handle }}" title="{{ 'products.product.products_tagged' | t: tag: tag }}">{{ tag }}</a>{% unless forloop.last %},{% endunless %}
                   </span>
                 {% endunless %}
               {% endfor %}
             </p>
          {% endif %}

         {% if section.settings.display_type %}
            <p>
              <span class="label">{{ 'products.product.product_types' | t }}:</span>
              <span>{{ product.type | link_to_type }}</span>
            </p>
         {% endif %}
        </div>
      </div>
            </div>
          </li>
          <li id="tab2" class="" style="display: none;">
            <div>
             <p>This is where the other products go<br><br>
            </p>
            </div>
          </li>
          <li id="tab3" class="" style="display: none;">
            <div>
            <p><br>
            </p>
            </div>
          </li>
        </ul>
    
        

 

0 Likes
New Member
100 0 0

Hello, 

I will help you. Please reach me at email: vincent@cisinlabs.com 

Skype me: cis.vincent (https://join.skype.com/invite/NpyjRST1NAYe)

 

Regards,

Vincent 

0 Likes
Excursionist
68 1 6
Hi Vincent,

Thanks,

Is there any time that suits?

Whats your time zone?

Thanks
0 Likes
New Member
100 0 0

Thanks for your prompt reply, I work in CET timezone.

 

Vincent 

0 Likes
Highlighted
Excursionist
68 1 6

Great,

 

Are you available some time in the next few hrs? 

0 Likes
Shopify Partner
1663 50 174

Hi @Outer_net your example url is currently 404'ing, but I get the gist of what your describing.

 

Email me for an estimate and clarifications paull.newton+theworldreflected@gmail.com

 

 

 

 

 

Problem Solved? ✔️Accept the solution so you can help others.
Confused? Busy? ? Get me to solve it paull.newton+shopifyforum@gmail.com.
Buy me a coffee? ☕ paypal.me/paulnewton or donate to eff.org
0 Likes
Shopify Partner
170 0 4

Hello @Outer_net 
Greetings! Let me know if your job is still open. I have relevant experience in Shopify store setup and liquid file customization and ready to help you.
Looking forward to your reply.

 

Thanks,
Shivank Agrawal

shivankagrawal@gmail.com

Shopify Expert | shivankagrawal@gmail.com
0 Likes

Dear Outer_net,

 

Hope you are doing well. 

 

Please reach us at: https://www.mswebdesigner.com/pages/contact-us

 

Thanks & Regards

MS Web Designer

Official Shopify Experts & Partner

20000+ Task Completed
1000+ Satisfied Client
9.9*/10 Customer Rating
10*/10 Shopify Services Marketplace
E-mail: hello@mswebdesigner.com
Skype: shopify.mswebdesigner@gmail.com
Website: www.mswebdesigner.com
Shopify Marketplace: https://experts.shopify.com/ms-webservices
0 Likes
Tourist
80 0 1

Hi There,
I hope you're keeping great!
I would be happy to work with you.
Please give me a suitable time to discuss your requirements.
Also, add me over Skype id- live:jennifer.wcoast
Email id- sales@wreximinfotech.com
I look forward to your response!
Thanks :)

0 Likes
Shopify Partner
376 0 4

Hi , 

I am available to assist you further 
Please add me over skype - deepvyas71 

Regards
Deep

Expert Shopify Designer | S: deepvyas71 | E: deepvyas71@gmail.com
0 Likes